Агрегатор новостей, JSON viewer и детектор CMS: 10 полезных расширений для Google Chrome

Разработчик Паска Влад опубликовал в блоге на dev.to список из 10 расширений для Google Chrome, которые, по его мнению, должны быть в арсенале каждого разработчика. Вот они. 

1. Eye Dropper. Расширение с открытым исходным кодом, которое позволяет выбирать цвета с веб-страниц или из расширенной палитры цветов.

2. Awesome Screenshot & Screen Recorder. Инструмент для демонстрации и захвата экрана. Полученные записи и скриншоты можно сохранять на сайте расширения. Всплывающее меню с двумя вкладками позволяет переключаться между записью и захватом экрана. 

3. Daily.dev. Бесплатный агрегатор новостей с открытым исходным кодом из мира разработки программного обеспечения (ПО) более чем с 350 ресурсов. 

4. JSONView. Инструмент для просмотра и проверки документов JSON. 

Оригинальное расширение Firefox находится здесь. 

Примечания:

• JSON проверяется с использованием javascript-реализации JSONLint;
•   Расширение отображает текст JSON, соответствующий rfc 4627;
•   Поддержка JSONP (JSON с набивков).

Настройка метода разбора JSON проводится на странице параметров: 

• Дефолтный метод. Содержимое JSON быстрее извлекается с отображаемой страницы, но, в некоторых случаях, изменять или не анализировать содержимое JSON;
• Безопасный метод (гарантия 100%). Требует дополнительного запроса XMLHttpRequest (содержимое JSON извлекается из ответа HTTP).

5. Responsive Viewer. Расширение для отображения нескольких экранов в одном окне. Помогает фронтенд-разработчикам тестировать несколько экранов при разработке адаптивных веб-сайтов или приложений. Расширение не отслеживает и не собирает данные. Исходный код доступен по ссылке. 

6. CSS Scan. Быстрый и легкий инструмент для проверки, копирования и редактирования CSS. Расширение платное, и для его использования нужна лицензия. Ее можно приобрести здесь. 

7. Wappalyzer. Профилировщик технологий. Показывает, на чем построен веб-сайт — на какой CMS, какие фреймворки, платформы электронной коммерции, библиотеки JavaScript он использует. Инструмент раскрывает более 1000 технологий в десятках категорий.

8. Stylebot. Расширение для смены внешнего вида сети. Можно изменить шрифт, цвет, поля, видимость, а также кодировать CSS вручную. Инструмент не собирает личные данные.

• Домашняя страница инструмента
• Twitter
• Отчеты об ошибках и запросы функций доступны здесь.

9. UX Check. Расширения для проведения эвристической оценки сайта. После анализа можно экспортировать все в .docx, чтобы поделиться с коллегами.

10. Pesticide. Расширение с открытым исходным кодом вставляет CSS Pesticide на текущую страницу, выделяя каждый элемент, чтобы лучше видеть его размещение. Разветвленная версия инструмента доступна по ссылке.