🧩 35 браузерных плагинов для Google Chrome в помощь разработчику
Ловите подборку расширений и плагинов для браузера, облегчающих жизнь программисту: ответы со StackOverflow в виде кода в топе выдаче Google, вызов, обнаружение и тестирование HTTP и REST API, анализатор UX, уменьшение потребления памяти Chrome и многое другое.
Grepper
Расширение, созданное на базе системы вопросов и ответов, поддерживаемое сообществом разработчиков, позволяющее программисту выяснить важные детали интересующей проблемы. При запросе оно выводит соответствующие примеры кода в верхней части поисковика.
Githunt
Небольшой, но крайне полезный аддон Chrome поможет всем, кто ищет новые полезные штуки для работы на GitHub. Выводит на передний план ленту трендовых GitHub-проектов с кратким описанием каждого.
WhatFont
Небольшое расширение для идентификации семейства, размера, веса и цвета шрифтов, используемых на сайте.
Fonts Ninja
Расширение работает аналогично WhatFont, являясь его альтернативой с более простым интерфейсом и таким же функционалом.
HTML-Validator
Надстройка для выявления ошибок в HTML-коде, помогающая сверстать страницу в два раза быстрее.
CSS Viewer
Одно из наиболее эффективных расширенией Chrome для веб-разработчиков, показывающее CSS-свойства любого элемента на странице при наведении на него курсора мыши.
Amino Live CSS Editor
Аддон, позволяющий отслеживать внешний вид разрабатываемого сайта в реальном времени при написании новых или изменении существующих CSS-свойств.
Octotree
Расширение для просмотра кодовых конструкций и быстрой навигации по папкам проекта, отображающее весь исходный код в виде древовидной структуры.
Talend API Tester
Talend API Tester упрощает вызов, обнаружение и тестирование HTTP и REST API.
JSON Viewer
При помощи плагина можно производить расширенные настройки различных тем, шрифтов для JSON/JSONP.
ColorPick Eyedropper
Полезное расширение для разработчиков интерфейсов, помогающее определить цвет любого участка веб-страницы, даже если его ширина -1 пиксель.
Window Resizer
Еще один неплохой плагин Chrome для работы с адаптивным дизайном, с возможностью моделировать отображение вашего сайта на разных девайсах (desktop, tablet, mobile)
Lorem Ipsum Generator
Плагин, генерирующий текст-заполнитель для сырых шаблонов веб-страниц или их отдельных элементов.
Ghostery
Этот плагин предназначен для блокировки навязчивой рекламы и элементов страницы, замедляющих ее загрузку, а также для предотвращения слива личных данных. И хотя Ghostery не предоставляет никаких полезных инструментов для программиста, он определенно поможет ускорить вашу работу за счет обеспечения чистоты просмотра.
Wappalyzer
Довольно эффективный инструмент, определяющий стек технологий (веб-сервисы, тип CMS, инструменты аналитики, плагины, библиотеки JavaScript и пр.), лежащих в основе интересующей вас веб-страницы.
Clear Cache
Очень полезная штука для очистки кэша браузера Chrome в один клик.
React Dev Tools
Это мастхэв-расширение для React-разработчиков, позволяющее проверять иерархии компонентов библиотеки в Chrome Developer Tools. Оно выделяет обновления при рендеринге компонентов и мониторит производительность при помощи профилировщика.
JSON Viewer
JSON Viewer поможет управлять данными JSON, представленными в окне браузера, тем самым сэкономив вам время на быстрое освоение и использование кода.
Redux Dev Tools
Плагин для разработчиков, использующих библиотеку Redux, помогающий быстрее делать отладку изменений состояния приложений.
BrowserStack
Еще одно расширение для проверки сайта на отзывчивость при изменении размера экрана или использовании другого браузера
Dimensions
Довольно неплохой плагин, помогающий определить размеры элементов на странице, а также промежутки между ними.
Page Ruler
Еще одно расширение-рулетка для измерения различных расстояний на сайте.
ColorZilla
Плагин для считывания цветного кода с любой страницы, с возможностью быстрого генерирования градиента цвета. В нем можно отследить историю совершенных действий и работать при помощи «горячих» клавиш.
UX Check
Своеобразный анализатор юзабилити, оценивающий любой сайт при помощи 10 эвристик Нильсена, с возможностью быстрого выявления потенциальных проблем удобства использования, добавления комментариев, скриншотов и экспорта результатов, готовых к совместному использованию в команде.
Check My Links
Плагин для проверки страницы на наличие битых ссылок поможет разработчику, тестировщику, SEO-шнику и другим связанным с вебом специальностям.
EditThisCookie
Полезное расширение, позволяющее создавать, редактировать, экспортировать, блокировать и удалять файлы cookie для каждой отдельной страницы.
LastPass
Это менеджер паролей, сохраняющий их и обеспечивающий безопасный доступ на необходимый сайт с любого компьютера или мобильного устройства.
Toggl
Аддон в виде тайм-трекера, добавляемого в любой веб-инструмент, позволяет следить за производительностью последнего в реальном времени.
Hoppscotch
Конструктор запросов API для интернета.
Note Box
Инструмент для добавления заметок, хранящихся в памяти браузера, в URL-среду.
Disbug
При помощи этого полезного расширения можно создавать исчерпывающие отчеты об ошибках с журналами консоли и спецификациями устройств, а также добавлять к этим отчетам скриншоты и комментарии.
Web Developer
Плагин позволяет изменять размер или отключать изображения, сценарии и файлы стилей на странице.
Marmoset
Полезный инструмент для создания снимков кода.
Dark Reader
Плагин, добавляющий темную тему для браузера с возможностью изменения параметров шрифта.
The Great Suspender
Используя это небольшое расширение, вы можете уменьшить объем памяти, используемый Chrome. Оно удалит вкладки, которые не использовались в фоновом режиме в течение заданного периода времени, разгрузив при этом ЦП.
Все расширения из нашего списка призваны сделать жизнь программиста практичнее и проще за счет повышения производительности и оптимизации процесса разработки. Если ли вы знаете другие хорошие плагины, которыми давно пользуетесь, не стесняйтесь добавить их в комментариях.