🛠👨🏼💻
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