Подборка браузерных расширений для программистов, которые упростят вашу работу.
Браузерные расширения для веб-разработчиков
React Developer Tools
React Developer Tools — это расширение Chrome DevTools для библиотеки React JavaScript с открытым исходным кодом. Это позволяет вам проверять иерархии компонентов React в инструментах разработчика Chrome.
Web Developer
Расширение Web Developer добавляет в браузер кнопку на панели инструментов с различными инструментами веб-разработчика.
PerfectPixel by WellDoneCode
PerfectPixel позволяет разработчикам и веб-дизайнерам накладывать полупрозрачное изображение поверх разработанного HTML и выполнять сравнение между ними с точностью до пикселя.
Octotree — GitHub code tree
Расширение браузера, улучшающее обзор и исследование кода GitHub.
Clockwork
Инструменты разработчика PHP, интегрированные в ваш браузер. Clockwork дает вам представление о времени выполнения вашего приложения для HTTP-запросов, команд, заданий очереди и тестов.
daily.dev | The Homepage Developers Deserve
Получайте персонализированную ленту новостей для разработчиков и перестаньте тратить время на поиск качественных статей. Весь контент в одном месте: CSS-Tricks, Smashing Magazine, web.dev и более 400 источников.
Браузерные расширения для тестирования и QA
CloudQA | The Functional Testing Cloud
Тесты, записанные с помощью этого расширения, можно легко модифицировать, добавляя, редактируя или удаляя шаги — без написания ни единой строчки кода! Выполняйте тесты в облаке, чтобы убедиться, что ваше приложение стабильно работает в реальных браузерах.
Window Resizer
Расширение изменяет размер окна браузера, чтобы имитировать различные размеры экрана. Особенно полезно для веб-дизайнеров и разработчиков, тестирующих свои макеты в различных разрешениях браузера.
Ember Inspector
Ember Inspector — это подключаемый модуль для инструментов разработчика Chrome, который упрощает понимание и отладку вашего приложения Ember.js.
User-Agent Switcher
Расширение меняет useragent и представляется другим браузером или операционной системой, заменяя отправляемые данные. Кнопка на панели инструментов позволяет быстро переключаться между вашими собственными и часто используемыми строками пользовательского агента.
Heurio — One-Click Bug Report & UX Check Tool
Heurio сокращает время просмотра веб-сайта и работы над ним. Идеально подходит для проверки UX, анализа дизайна и разработки, эвристической оценки, отчетов об ошибках, копирайтинга, тестирования QA, пользовательского тестирования и многого другого.
CSS Viewer
Простая программа просмотра свойств CSS. Чтобы включить/отключить CSS Viewer, просто щелкните значок панели инструментов, а затем наведите указатель мыши на любой элемент, который вы хотите проверить на текущей странице.
