🛠👨🏼‍💻 10 Google-расширений для веб-разработчиков
У нас скопилось несколько расширений, которые облегчат жизнь веб-разработчиков. Делимся =)

OctoTree
Это расширение работает с Github. С его помощью можно подключить темный режим, настроить шрифты, представить исходный код в виде дерева, открыть боковую панель, как в IDE и подключить еще много приятных модификаций.
Octotree похож на Visual Studio Code, но для GitHub.

Wappalyzer
Расширение для анализа сайтов. С его помощью можно узнать, какие технологии, фреймворки и библиотеки JavaScript используются на конкретном сайте или в приложении. Расширение-профайлер показывает сходные с обследуемым сайты и составляет список используемых технологий.
Приятный бонус — инструмент умеет отслеживать изменения в программном стеке сайта-конкурента.

Web Developer
Расширение с огромным функционалом. Он позволит очистить cookies сеанса, просмотреть свойства элементов и изображений (как в DOM Inspector), узнать информацию о шрифтах и отредактировать CSS.

Windows Resizer
Расширение изменяет размер окна браузера, эмулируя различные разрешения экрана. Пригодится при тестировании макетов: не нужно вручную растягивать окно.
Список разрешений настраивается: можно добавить, удалить и изменить их порядок, установить размеры и положение окна и иконок, применить новые параметры к viewport, настроить горячие клавиши, а также экспортировать и импортировать настройки.

Check My Links
Расширение просканирует страницу и выделит ссылки, которые не работают, ведут на нерелевантную страницу и т.д. При этом коды HTTP-ответов и полные URL-адреса неработающих ссылок публикуются в журнале консоли (Ctrl+Shift+J).

What Font
С помощью расширения можно навести курсор на элемент и просмотреть шрифт, найти используемые для управления веб-шрифтами службы. Расширение поддерживает Typekit и Google Font API.

ColorZilla
Расширение позволит узнать точный цвет объекта при наведении на него. Также есть возможность выбора цвета из палитры, история использования, копирование атрибутов оформления, анализ цвета DOM-элемента и генератор градиентов.

Web Developer Checklist
Расширение проверяет любой открытый и выдает результат анализа по категориям: SEO, производительность, семантика, безопасность и т.д.

CSS Viewer
Открывает доступ к CSS-свойствам элемента, на который вы наводите курсором.

Pesticide
Расширение для визуализации размеров элементов в CSS. Каждый элемент будет обведен прямоугольной границей, а также на схеме будет динамически отображено влияние на элемент свойств border, margin, padding.

Знаете еще расширения, которые пригодятся разработчикам? Поделитесь в комментариях =)

#полезныесервисы #расширенияGoogle #вебразработка @Technical_capability