🧩 35 браузерных плагинов для Google 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. Оно удалит вкладки, которые не использовались в фоновом режиме в течение заданного периода времени, разгрузив при этом ЦП.

Все расширения из нашего списка призваны сделать жизнь программиста практичнее и проще за счет повышения производительности и оптимизации процесса разработки. Если ли вы знаете другие хорошие плагины, которыми давно пользуетесь, не стесняйтесь добавить их в комментариях.