Сборник расширений Chrome/Chromium для веб-разработчика : Операционные системы и программное обеспечение

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 [ ➜ ]
Плагин, генерирующий текст-заполнитель для сырых шаблонов веб-страниц или их отдельных элементов.



Wappalyzer [ ➜ ]
Довольно эффективный инструмент, определяющий стек технологий (веб-сервисы, тип CMS, инструменты аналитики, плагины, библиотеки JavaScript и пр.), лежащих в основе интересующей вас веб-страницы.



Clear Cache [ ➜ ]
Очень полезная штука для очистки кэша браузера Chrome в один клик.



React Dev Tools [ ➜ ]
Это мастхэв-расширение для React-разработчиков, позволяющее проверять иерархии компонентов библиотеки в Chrome Developer Tools. Оно выделяет обновления при рендеринге компонентов и мониторит производительность при помощи профилировщика.



JSON Viewer [ ➜ ]
JSON Viewer поможет управлять данными JSON, представленными в окне браузера, тем самым сэкономив вам время на быстрое освоение и использование кода.



Redux Dev Tools [ ➜ ]
Плагин для разработчиков, использующих библиотеку Redux, помогающий быстрее делать отладку изменений состояния приложений.



Browser Stack [ ➜ ]
Еще одно расширение для проверки сайта на отзывчивость при изменении размера экрана или использовании другого браузера



Dimensions [ ➜ ]
Довольно неплохой плагин, помогающий определить размеры элементов на странице, а также промежутки между ними.



Page ruler [ ➜ ]
Еще одно расширение-рулетка для измерения различных расстояний на сайте.



ColorZilla [ ➜ ]
Плагин для считывания цветного кода с любой страницы, с возможностью быстрого генерирования градиента цвета. В нем можно отследить историю совершенных действий и работать при помощи «горячих» клавиш.



UX Check [ ➜ ]
Своеобразный анализатор юзабилити, оценивающий любой сайт при помощи 10 эвристик Нильсена, с возможностью быстрого выявления потенциальных проблем удобства использования, добавления комментариев, скриншотов и экспорта результатов, готовых к совместному использованию в команде.



Check My Links [ ➜ ]
Плагин для проверки страницы на наличие битых ссылок поможет разработчику, тестировщику, SEO-шнику и другим связанным с вебом специальностям.



EditThisCookie [ ➜ ]
Полезное расширение, позволяющее создавать, редактировать, экспортировать, блокировать и удалять файлы cookie для каждой отдельной страницы.



Toggl [ ➜ ]
Аддон в виде тайм-трекера, добавляемого в любой веб-инструмент, позволяет следить за производительностью последнего в реальном времени.



Hoppscotch [ ➜ ]
Конструктор запросов API для интернета.



Note Box [ ➜ ]
Инструмент для добавления заметок, хранящихся в памяти браузера, в URL-среду.



Disbug [ ➜ ]
При помощи этого полезного расширения можно создавать исчерпывающие отчеты об ошибках с журналами консоли и спецификациями устройств, а также добавлять к этим отчетам скриншоты и комментарии.



Web Developer [ ➜ ]
Плагин позволяет изменять размер или отключать изображения, сценарии и файлы стилей на странице.



Marmoset [ ➜ ]
Полезный инструмент для создания снимков кода.



Dark reader [ ➜ ]
Плагин, добавляющий темную тему для браузера с возможностью изменения параметров шрифта.



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