17 полезных расширений Chrome

30.11.2024

Подборка расширений для оптимизации работы и не только, которыми пользуюсь практически каждый день

Анализатор шрифтов
1. Fonts Ninja

За две секунды распознает любой шрифт на сайте. Использую для анализа типографики на других сайтах, а так же для проверки верстки своих.

Установить

Проверка адаптивов
2.1. Window Resizer

Использую на большом мониторе, чтобы протестировать верстку на экранах 1360, 1440 и 1680px.
Чтобы посмотреть адаптивы, захожу через код разработчика, или применяю следующие расширения.

Установить

<div style="line-height: 56px;" data-customstyle="yes"><span style="font-size: 14px; color: rgb(124, 124, 124); font-weight: 400;">Проверка адаптивов</span><br />2.1. Window Resizer</div>

Скриншот страницы
3.1. Awesome screenshot

Отличное расширение. Делаю скриншот всей страницы, сохраняю в Jpg или Pdf. Еще одна полезная функция – запись экрана, с возможностью записи звука, камеры, подсветкой курсора и заметками прямо на экране. Потом либо сохраняешь на комп, либо в облако расширения, с возможностью делиться ссылкой на видео.

Установить

<div style="line-height: 56px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(124, 124, 124); font-size: 14px;">Скриншот страницы</span><br />3.1. Awesome screenshot</div>

Плагины для верстки
4.1. Annexx

Незаменим для верстки. Не представляю, как можно верстать без Аннекса. Значительно расширяет возможности, чего только конструкторы слайдеров или видео стоят. А еще, поддержка оперативно отвечает и всегда помогает.

Установить

<div style="line-height: 56px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(124, 124, 124); font-size: 14px;">Плагины для верстки</span><br />4.1. Annexx</div>

Плагины для верстки
4.3. Voron

Про него уже писала в тг-канале. Помимо модификаций, само расширение дает кучу возможностей: просматривать блоки, html-коды T123 , копировать Sbs-анимацию с других сайтов и многое другое.

Установить

<div style="line-height: 56px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(124, 124, 124); font-size: 14px;">Плагины для верстки</span><br />4.3. Voron</div>

Скачать контент
5.1. Simple mass downloader

Возможность пачкой скачать любой контент с сайта. Анализирует все, выдает в удобном формате, где выбираешь все, что нужно. И скачиваешь.
Может скачать фото из галереи за пять секунд.

Установить

<span style="line-height: 60px; font-weight: 400; font-size: 14px; color: rgb(124, 124, 124);">Скачать контент</span><br />5.1. Simple mass downloader

Рулетка и направляющие
6.1. Page Ruler

Проверяю отступы, ширину и высоту любого элемента на странице.

Установить

<div style="line-height: 56px;" data-customstyle="yes"><span style="font-weight: 400; font-size: 14px; color: rgb(124, 124, 124);">Рулетка и направляющие</span><br />6.1. Page Ruler</div>

ColorPicker
7. Colorzilla

Быстро получить код любого цвета со страницы и за пределами браузера, затем сохранить его в буфер обмена.

Установить

Очистить кэш
8. Clear Cache

Вносишь изменения в верстку, обновляешь страницу, но ничего не меняется – тогда просто нажми и почисти кэш.

Установить

Бесплатный VPN
9. VPN 1click

Перепробовала многие, пока остановилась на этом. Открыть Ютуб хватает. Но если нужно посмотреть видео в высоком качестве без ожиданий загрузки, можно еще скачать ЮБуст.

Установить