Интересные расширения Google Chrome для вебмастера
Современные браузеры уже давно перешли из разряда просто обозревателей в список важных инструментов для веб-разработчика. Особенно в этом плане выделяется Google Chrome, функционал которого можно серьезно расширить, путем установки специальных плагинов, добавляющих новые возможности, и не нарушая при этом стабильность его работы.
Window Resizer
С помощью этого расширения можно протестировать отображение сайта на экранах с различным разрешением. Эмуляция осуществляется путем выбора одного из предустановленных разрешений, причем доступны все наиболее распространенные – от стационарных PC и ноутбуков, и до мобильных устройств.
Скачать дополнение
Colorzilla
Полезный плагин для веб-дизайнеров, который содержит сразу несколько инструментов для работы с цветом: пипетка (Eyedropper), панель выбора цвета (Color Picker), генератор градиентов, а также анализатор цветовой гаммы, который можно задействовать по отношению к любой веб-странице.
Скачать дополнение
RDS Bar
После его установки в браузере Chrome появляется дополнительная панель инструментов, с помощью которой можно провести быстрый анализ основных показателей сайта – индексация страниц в основных поисковых системах, показатели тИЦ, PR и т. д.
Скачать дополнение
Firebug Lite
Отличный инструмент для разработчика, который интегрируется в браузер и обеспечивает расширенные возможности для редактирования и отладки кода любой веб-страницы. По умолчанию Firebug отключен и отображается на панели серым цветом, но, достаточно активировать его и кликнуть на любой элемент страницы веб-сайта, чтобы увидеть фрагмент кода, который относится к этому элементу. Его можно править в нижней панели, и просматривать изменения в реальном времени.
Скачать дополнение
BuiltWith Technology Profiler
Расширение позволяет проанализировать любой посещаемый вами сайт на предмет используемых на нем веб-технологий, вплоть до интегрированных сервисов, таких как счетчик FeedBurner и виджет Twitter. Например, если сайт работает под управлением WordPress, плагин может даже вывести список названий основных используемых плагинов.
Скачать дополнение
MeasureIt!
Этот плагин для Chrome выполняет всего одну функцию, но в некоторых случаях очень нужную – позволяет измерить расстояние или размер в пикселях любого элемента страницы. Некоторые пользователи отмечают, что для того, чтобы расширение заработало, необходимо перезапустить браузер.
Скачать дополнение
Font Editor
Еще один полезный инструмент для экспериментов с внешним видом страницы, а именно – используемыми на сайте шрифтами. С его помощью можно экспериментировать с применением различных шрифтов на сайте, без необходимости правки кода.
Скачать дополнение
CSSViewer
Предзначен для просмотра CSS-свойств, которые присвоены тому или иному элементу страницы. Для использования достаточно включить его простым нажатием на значок на панели инструментов, а затем навести курсор на любой элемент страницы, который вы хотите проверить.
Скачать дополнение
HoverZoom
Позволяет просматривать увеличенные изображения без необходимости перехода на отдельную страницу. Для этого достаточно навести курсор на миниатюру, и полное изображение будет выведено тут же, в виде увеличенной копии. Скачать дополнение
WordCount
Небольшое расширение, предназначенное для выполнения одной функции – подсчета количества слов и знаков в выделенном пользователем фрагменте текста. После установки добавляет соответствующий пункт в контекстное меню, появляющееся после клика правой кнопкой мышки.
Скачать дополнение
Как видите, даже перечисленных в этой статье расширений вполне достаточно, чтобы значительно упростить работу веб-разработчика, сделать ее более эффективной и сэкономить время. И главное – весь этот функционал будет интегрирован в браузер, а значит не будет необходимости в установке каких-либо дополнительных программ.