Недавнее исследование показало, что Google Chrome используют более 60% интернет-пользователей. Для веб-разработчиков их приложения должны хорошо работать в Google Chrome, который используется большинством пользователей Интернета. В результате Chrome является браузером выбора для многих разработчиков.
Вот список из 15 обязательных расширений Chrome для веб-разработчиков. Давайте начнем.
Disbug
Disbug — это полезное расширение Chrome для веб-разработчиков, которое позволяет создавать подробные отчеты об ошибках с логами консоли, техническими журналами, спецификациями устройств и многим другим. Вы можете добавить визуальные элементы в свои отчеты с помощью скринкаста, который позволит вам рассказать об ошибке. Вы также можете редактировать скриншоты, добавляя текст, что облегчает указание проблем на любой веб-странице.
Веб-разработчик
Плагин Web Developer позволяет изменять размер или отключать изображения, скрипты и файлы стилей. Повседневные задачи веб-разработчика включают в себя множество различных задач, подобных этим, что делает его полезным инструментом.
WhatFont
Чаще всего шрифт, используемый для отображения фрагмента текста на сайте, можно найти в исходном коде или в окне консоли. При наведении курсора мыши на текст надстройка WhatFont отображает подробную информацию о шрифте.
EditThisCookie
Это обязательное расширение Chrome для веб-разработчиков, которые работают с файлами cookie. С помощью этого расширения Google Chrome можно добавлять, удалять, обновлять, фильтровать, ограничивать и защищать файлы cookie.
Очистить кэш
Веб-разработчики всегда прилагают больше усилий, чтобы очистить кэш браузера. Clear Cache — один из лучших аддонов для быстрого и простого очищения кэша. Меню опций позволяет указать, какой объем данных будет очищен.
Marmoset
Marmoset — очень полезный инструмент, позволяющий создавать снимки кода.
Talend API Tester — бесплатная версия
Используйте расширение Talend API Tester chrome для визуальной проверки и тестирования взаимодействия с API REST, SOAP и HTTP. Оно значительно упрощает тестирование функциональности ваших API.
Dark Reader
Это дополнение поможет немного снизить нагрузку на глаза. При просмотре сайтов ночью или днем переключитесь на темную тему. Можно изменить шрифт, размер шрифта, цвет шрифта и стиль шрифта, а также добавить или удалить элементы из списка игнорирования.
Wappalyer
Wappalyzer — это расширение Chrome, которое определяет многочисленные внутренние технологии, используемые веб-сайтом для разработчиков. Оно определяет CMS, платформы электронной коммерции, среды разработки, серверное программное обеспечение и аналитические приложения, а также многое другое.
The Great Suspender
С помощью этого небольшого дополнения вы можете уменьшить объем памяти Chrome. Оно отлично подходит, если у вас одновременно открыто много вкладок. Оно удалит вкладки, которые не использовались в фоновом режиме в течение заданного периода времени, освободив память и процессор, которые они требуют.
Захват экрана на всю страницу
В наши обязанности как веб-разработчиков входит предоставление скриншотов нашей работы соответствующим лицам для оценки. Это дополнение упрощает процесс создания скриншотов. Не требуя дополнительных разрешений, вы можете сделать четкий скриншот текущей страницы с помощью этого плагина.
ColorZilla
Считать цвет с помощью ColorZilla можно из любой точки браузера. Вы также можете быстро изменить цвет живого сайта, чтобы посмотреть, как он выглядит и ощущается.
JSONView
Разработчики, которые регулярно работают с файлами JSON, могут по достоинству оценить это расширение. Оно значительно облегчает проверку и просмотр файлов JSON. Аддон JsonViewer Chrome предлагает различные темы для просмотра документов, если вы хотите получить визуально привлекательный опыт.
Window Resizer
Это дополнение изменяет размер окна браузера для имитации различных размеров экрана. Веб-разработчики могут использовать его для оценки макетов дизайна на разных разрешениях браузера (отзывчивый дизайн).
Firebug Lite
Используя это дополнение к инструментам разработчика Google Chrome, вы можете редактировать, устранять неполадки и контролировать CSS, HTML и JavaScript в режиме реального времени на любой веб-странице.
Заключительные размышления
Выше перечислены одни из самых полезных расширений Chrome для веб-разработчиков на сегодняшний день. Используйте их, чтобы упростить свои задачи и повысить эффективность рабочего процесса. Если вы считаете, что мы упустили какие-то важные расширения Chrome, сообщите нам об этом в комментариях.