16 чрезвычайно полезных расширений Chrome для разработчиков

Большинство разработчиков сохранили Google Chrome в качестве основного браузера. Работа с Chrome предлагает доступ к огромному хранилищу расширений и инструментов Chrome, которые делают наши повседневные задачи менее рутинными. Со встроенными инструментами разработчика кажется, что дополнительные инструменты больше не нужны. Тем не менее, я хотел бы представить вам 16 лучших расширений Google Chrome для разработчиков.
1. Usersnap
Расширение Usersnap для Chrome позволяет захватывать и комментировать любую веб-страницу прямо в браузере. С помощью этого расширения Google очень легко оставлять визуальные отзывы о прототипах или сообщать об ошибках.
А все созданные скриншоты и записи экрана хранятся непосредственно на панели управления вашим проектом, что делает отслеживание ошибок и обратную связь очень простым процессом!
Usersnap — отмеченный наградами инструмент отслеживания ошибок и обратной связи, представленный Inc., Forbes, Techcrunch и The Huffington Post. Его любят такие компании, как Google, Facebook, Microsoft, которые ежедневно используют Usersnap для совместной работы над веб-проектами.
2. Web developer
Расширение веб-разработчика для Chrome добавляет небольшую панель инструментов с различными доступными инструментами. Первоначальная концепция этого расширения Chrome для разработчиков пришла из панели инструментов разработчика PNH.
У веб-разработчиков расширений Google есть много удобных инструментов, которые разработчик может использовать в своей повседневной работе — как для дизайнеров, так и для программистов. Он позволяет вам делать гораздо больше, чем стандартный Chrome Inspector, например, легко добавлять контуры к элементам, просто щелкая мышью, отображая линейки, находя все неработающие изображения на странице и многое другое.
3. Hiver
Это инструмент, который помогает командам управлять групповыми почтовыми ящиками, такими как engineering@ и bugs@, прямо из Gmail. С помощью Hiver критические электронные письма, касающиеся эскалации поддержки и других проблем с техническими ошибками, поступающие в эти почтовые ящики, могут автоматически назначаться отдельным разработчикам и отслеживаться в режиме реального времени до момента разрешения.
4. f19N Obtrusive Live Test
Это расширение Chrome для разработчиков представляет собой изолированную расширяемую среду тестирования веб-страниц. Это позволяет разработчикам тестировать все страницы на заранее определенные рекомендации, такие как SEO или веб-производительность. Создать тесты самостоятельно очень просто.
Вы получаете прямую визуальную обратную связь и видите, что происходит в браузере во время загрузки страницы и жизненного цикла рендеринга.
5. Window Resizer for Developer
Расширение Window Resizer позволяет изменять размер окна браузера на лету. При нажатии на значок в строке меню открывается раскрывающееся меню с размерами окон, которые можно настроить. Что приятно в Window Resizer, так это то, что он предлагает возможность запускать его как всплывающее окно, позволяя вам переключаться между различными разрешениями экрана и смотреть, работают ли ваши сайты должным образом. Кроме того, вы также можете поворачивать экран и настраивать пресеты.
6. ColorPickEyedropper
ColorPick Eyedropper — это простой инструмент выбора цвета, который позволяет вам выбирать значения цвета с любой веб-страницы.
7. CSSViewer
CSSViewer — это простой просмотрщик свойств CSS. Он представляет плавающую панель, которая сообщает об идентификаторе раздела, над которым находится мышь, а также о его шрифте, тексте, цвете, фоне, рамке, расположении и атрибутах эффектов. CSSViewer предоставил основную информацию о CSS, которая вам нужна быстро. Обязательно установите это расширение Chrome.
8. Генератор текста заполнителя
Генератор текста "рыбы" делает то, о чем говорит его название. Он обеспечивает простой и быстрый способ создания текста по умолчанию. Определенно, это быстрый выигрыш, если вам нужен текст по умолчанию в качестве заполнителя.
9. ActiTIME
ActiTIME Timer помогает разработчикам отслеживать рабочее время непосредственно из веб-браузера и веб-приложений, таких как Jira. Он используется компаниями и фрилансерами для анализа производительности и контроля за ходом и прибыльностью проекта.
10. Ghostery
Ghostery — отличное расширение Google, которое обнаруживает трекеры, пиксели и любые другие встроенные фрагменты на веб-сайте. Вы сразу видите, какие плагины и трекеры установлены на странице, которую вы посетили. Кроме того, Ghostery позволяет защитить вашу конфиденциальность. Для использования этого расширения Chrome не требуется регистрация или авторизация.
11. Wappalyzer
Подобно Ghostery, расширение Wappalyzer для Chrome позволяет идентифицировать программное обеспечение, установленное на любом конкретном веб-сайте. Он раскрывает технологии и CMS, платформы электронной коммерции, веб-серверы, фреймворки JavaScript и установленные инструменты аналитики.
12. IE Tab
Вам нужно провести ручное тестирование в IE и вы не хотите устанавливать всевозможные версии Internet Explorer? Ознакомьтесь с расширением IE Tab для Chrome, которое эмулирует IE, используя механизм рендеринга IE непосредственно в Chrome. Вы можете протестировать свой веб-сайт для IE6, IE7, IE8 или IE9 прямо в браузере Chrome.
К сожалению, расширение IE Tab Chrome на данный момент доступно только для Windows.
13. SiteSpider
Если вам нужно найти неработающие ссылки на вашем сайте и вы хотите ограничить поиск в определенном каталоге, вам нужен Site Spider.
14. SessionManager
Когда вы работаете в Интернете, управление вкладками браузера — отличный навык. Session Manager — это ваше расширение для Chrome. Он сохраняет ваше состояние просмотра и позволяет вам повторно открыть сеанс позже. Это особенно полезно, если вы открываете одни и те же веб-страницы снова и снова.
15. Очистить кеш
Это чрезвычайно полезное расширение Chrome позволяет очистить кеш с панели инструментов. Он работает «за кулисами», то есть нет всплывающих окон или диалогов подтверждения, которые могли бы отвлечь вас. Он настраивается в зависимости от того, сколько данных вы хотите очистить, включая кэш приложений, загрузки, файловые системы, данные форм, историю, локальное хранилище, пароли и многое другое.
16. JSONView
Как разработчик, работающий с RESTful API, чтение необработанных данных JSON в браузере может быть довольно неудобным. Гораздо проще читать JSON в виде дерева, чем в необработанном виде. Расширение Chrome JSONView помогает просматривать документы JSON в браузере.
Заключение
Расширения или надстройки Chrome для Chrome – это небольшие программные приложения, в которых представлены новые функции и которые делают работу в Интернете более удобной. Они позволяют пользователям настраивать функциональность и внешний вид браузера в соответствии со своими личными предпочтениями. Расширения кода обычно выполняются с использованием множества языков программирования, включая JS, HTML и CSS.