Подборка браузерных расширений для программистов, которые упростят вашу работу.

Браузерные расширения для веб-разработчиков

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

Браузерные расширения Google Chrome для программистов

Теги

Оцените статью

Поделиться статьей

Похожие статьи

🇷🇺 Telegram-каналы и чаты для изучения русского языка

Что такое Microsoft Dev Box — обзор облачной среды для разработчиков

💼 Telegram-каналы и чаты для поиска работы и публикации вакансий