Расширения Google Chrome для веб-разработчиков

С ростом популярности браузера Google Chrome появляются расширения, которые позволяют экономить время веб-разработчиков, давая им возможность отслеживать ошибки и проблемы с производительностью сайта.

Вот несколько полезных расширений для Google Chrome.

Расширение Web Developer

Хочу отметить самый удобный и мощный инструмент для веб-разработчика и веб-дизайнера — расширение Web Developer для Google Chrome.

Расширение добавляется в панель инструментов Google Chrome в виде кнопочки с изображенной шестеренкой и содержит различные инструменты для разработки и отладки веб-сайта. Это официальная адаптация популярного плагина Web Developer для Firefox, написанная тем же разработчиком.

Расширение имеет большое количество опций.

Расширение Web Developer для Google Chrome
Расширение Web Developer для Google Chrome

Расширение Web Developer Google Chrome для веб-разработчиков

Например, многим надо просто узнать цвет элемента на экране монитора в шестнадцатиричном формате. Для этого в плагине есть специальная функция. В разделе Miscellaneous выбрать пункт Display Color Picker.

Display Color Picker

Выбрав пункт Display Color Picker, курсор становится в виде крестика. Теперь, кликая на любую область экрана в правом нижнем углу браузера отображается цвет в шестнадцатиричной системе для использования в CSS.

Web Developer Color Picker

CSS Reloader

Расширение перезагружает только CSS. Быстро и практично — одним нажатием F9.

Есть и другие расширения:

Понравилась статья? Поделиться с друзьями:
Комментариев: 4
  1. Берг

    Всё равно не устанавливается! Всё перепробывал, всё равно выдаёт ошибку.

    1. FORTRESS-DESIGN (автор)

      Что именно у вас не устанавливается?

  2. Elena

    Со страницы https://addons.mozilla.org/ru/firefox/addon/web-developer/
    произвожу действия по загрузке даю разрешение и на этом все далее никаких действий не происходит устанавливаю через браузер firefox.
    Помогите советом, что делать???

    1. FORTRESS-DESIGN (автор)

      Может плагин уже установлен, просто деактивирован?

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели