Агрегатор новостей, 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 вручную. Инструмент не собирает личные данные.
- Домашняя страница инструмента
- Отчеты об ошибках и запросы функций доступны здесь.
9. UX Check. Расширения для проведения эвристической оценки сайта. После анализа можно экспортировать все в .docx
, чтобы поделиться с коллегами.
10. Pesticide. Расширение с открытым исходным кодом вставляет CSS Pesticide на текущую страницу, выделяя каждый элемент, чтобы лучше видеть его размещение. Разветвленная версия инструмента доступна по ссылке.
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: