И хотя Google Chrome у меня был установлен достаточно давно, вникать в специфику dev-версий, разбираться с их установкой/тестированием и собирать на себя все баги, которыми они были богаты — у меня не было ни малейшего желания.
По этой причине, до момента выхода версии с полноценной поддержкой расширений, я использовал Google Chrome только как более быструю альтернативу Mozilla Firefox — если мне нужно было быстро зайти на какой-то сайт, вместо довольно тяжелого Firefox, я открывал быстрый Chrome, смотрел нужную информацию и закрывал его. Дешево и сердито — но дальше дело не шло.
Однако с выходом новой версии, я решил поподробнее присмотреться к функционалу плагинов. Изначально, я пришел в каталог расширений для Google Chrome исключительно ради тех дополнений, к которым я привык в Firefox — управление табами, блокировщик рекламы и флеша, организация закладок и прочее. Памятуя довольно медленный процесс разработки плагинов для Mozilla Firefox, я рассчитывал увидеть не более чем alpha-версии плагинов, но был приятно удивлен — практически весь перечень расширений, используемый мною В Mozilla Firefox — был представлен и для Chrome. Причем, что меня больше всего удивило — некоторые плагины для Chrome превосходили по функционалу свои аналоги в Firefox.
Например, Twitter-клиент Cromed Bird уже умеет работать с листами, в отличие своего аналога — Echofon, а в SeoQuake для Google Chrome уже изначально встроена поддержка определения Nofollow ссылок (аналогичной функции в SeoQuake для Firefox — нет).
Воодушевившись действительно богатым арсеналом плагинов, у меня закралась крамольная мысль перевести Google Chrome из разряда программ «когда-никогда» в категорию «постоянно используемые». Исходя из этого, я с нова обратился к репозиторию плагинов — с целью найти те, которые привык использовать в процессе работы.
Итак, вот тот перечень плагинов, который был найден и используется.
Frebug Lite
Firebug Lite — думаю, этот плагин известен каждому разработчику и стоит одним из первых в его арсенале. Firebug для Google Chrome позволяет просматривать и редактировать HTML, CSS и JavaScript любой страницы «на лету», не выходя из браузера.
Достаточно лишь открыть панель Firebug, нажать «Inspect» и подвести курсор к нужному элементу — и HTML и CSS-код этого элемента отобразится в Firebug. Кроме того, особым «шиком» является тот факт, что код может быть отредактирован прямо в самом Firebug, без внесения изменений в исходные файлы.
Права нужно отметить, что его функционал пока еще несколько более ограничен по сравнению с версией этого же плагина для Mozilla Firefox, но с одной стороны — это пока только beta-версия, а с другой — основной функционал уже присутствует и работает без ошибок.
IE Tab
IE Tab — Internet Explorer абсолютно непопулярен среди разработчиков, поскольку чаще всего является источником бесконечных проблем. Однако данная точка зрения не разделяется пользователями и даже на сегодняшний день, при всем многообразии браузеров, IE занимает лидирующую позицию, вынуждая разработчиков в обязательном порядке учитывать все его «прелести».
IE Tab запускает движок Internet Explorer непосредственно в интерфейсе Google Chrome, позволяя разработчику быстро просматривать и находить проблемные места в верстке сайта.
Кроме того, иногда встречается обратная ситуация, при которой сайт адекватно отображается в Internet Explorer, но проблемно — в Mozilla Firefox или Google Chrome (в основном это относится к старым сайтам). Для таких сайтов в IE Tab предусмотрен режим автоматической загрузки определенного сайта сразу же в Internet Explorer, минуя его загрузку в Google Chrome.
Eye Dropper
Eye Dropper — расширение, позволяющее узнать цвет любого элемента на странице. Кликнув «пипеткой» на элементе, вы получите информацию об этом цвете в RGB и HTML-коде.
В сущности, этот плагин — аналог инструмента Eyedropper Tool в Adobe Photoshop. Для меня плагин полезен в разработке тем, что позволяет не просматривать CSS-файл на предмет цвета какого-либо элемента, а также возможности открыть в соседней вкладке графический макет сайта и с помощью Eye Dropper быстро верстать CSS, не обращаясь каждый раз к Adobe Photoshop.
Resolution Test
Resolution Test — основной функционал плагина обозначен уже в самом его названии. Resolution Test для Google Chrome позволяет эмулировать изменение разрешение монитора за счет изменения размеров окна браузера.
Это означает, что не изменяя реального разрешения вашего монитора, Вы можете увидеть как будет отображаться сайт под другим разрешением.
В перечне доступных присутствуют практически все потенциально возможные разрешения, а в том случае, если требуется какое-либо нестандартное — его можно ввести в поле «Custom».
Также можно отметить галочками все требуемые разрешения и эмуляции будут открыты в новых окнах.
MeasureIt!
MeasureIt! — с точки зрения функционала, этот плагин очень прост и даже не имеет настроек. Он добавляет в Google Chrome — линейку, которая позволяет вам измерять в пикселях любой элемент или блок на сайте.
Я использую этот же плагин также и под Mozilla Firefox и помню насколько сильно был рад, когда его нашел. Очень часто возникают ситуации, при которых необходимо измерить размер какого-либо блока, состоящего из нескольких элементов — но сделать это без подобной «линейки» практически нереально.
Pendule
Pendule — этот плагин напоминает Web Developer для Mozilla Firefox, но пока что с гораздо меньшим функционалом. В данный момент плагин умеет работать с CSS, формами, изображениями и валидаторами. Кроме того, он обладает встроенным функционалом MeasureIt и Eye Dropper.
Speed Tracer
Speed Tracer — этот плагин позволит вам проанализировать, обнаружить и исправить проблемы в производительности вашего сайта. Расширение показывает в наглядной форме — на что и сколько тратится времени браузера, в частности: на разбор и выполнение Javascript, выполнение CSS, загрузка сетевых ресурсов, работу с DOM-элементами, рендеринг верстки сайта и т.д.
Aviary Screen Capture
Aviary Screen Capture — предоставляет вам возможность, используя средства сайта Aviary.com, создавать скриншоты любых страниц. Кроме этого, расширение позволяет:
- сохранять полученный скриншот на компьютере или сайте Aviary.com;
- использовать простые функции редактирования изображения.
- выделять области, поворачивать и обрезать изображение;
- быстрый запуск 6 дополнительных инструментов из пакета Aviary: Image editor, Markup editor, Vector editor, Color palette editor, Effects editor & Audio editor.
Chrome Sniffer
Chrome Sniffer — позволяет узнать, какие Frameworks, CMS и JavaScript библиотеки используются на сайте. Использовать его очень просто — при загрузке сайта, в адресной строке появляется иконка того или иного приложения.
В настоящее время расширение умеет определять до 50 популярных CMS и библиотек JavaScript, а в будущих обновлениях разработчики обещают расширять этот список.
Lorem Ipsum Generator
Lorem Ipsum Generator — расширение предназначено для генерации случайных текстов на основе Lorem Ipsum в один клик. Из настроек есть только 2 опции — «слов в строке» и «количество строк». Но, как говорит сам разработчик: «вам ведь не нужна базука для уничтожения крысы, ведь так?»
SeoQuake
SeoQuake — очень удобный плагин, демонстрирующий SEO-показатели сайта:
- Google PageRank
- Google Index
- Yahoo links
- Yahoo linkdomain
- Bing index
- Alexa Rank
- Webarchive age
- Delicious index
- ссылка на Whois
- исходный код страницы
- SEMRush rank
- подсветка Nofollow-ссылок.
По сравнению с версией для Mozilla Firefox, версия SeoQuake под Google Chrome в данный момент обладает более бедным функционалом, однако авторы просят учитывать, что это пока лишь только beta.
Chrome SEO
Chrome SEO — расширение с более серьезным функционалом, чем предыдущее. Если SeoQuake можно считать именно SEO плагином, то Chrome SEO — уже больше подходит обозначение SEO/SMO. Позволяет:
- Keyword Research Tool (Alpha Version);
- Подсветка NoFollow ссылок;
- Количество проиндексированных страниц;
- Текущий трафик и ранжирование;
- Демонстрация графиков;
- Определение Robots.txt и Sitemap.xml;
- Показатели социальных закладок;
- Кешированная версия страницы;
- Информация о домене: DNS, IP, Whois, Server Location
Yandex TIC & PR Viewer
Yandex TIC & PR Viewer — отображает PR и ТИЦ сайта, а также количество проиндексированных Google и Яндексом страниц, и Alexa Rank.
iPage Rank
iPage Rank — по словам разработчика, в отличие от всех остальных плагинов для простой проверки PR и ТИЦ, iPage Rank расскажет вам — сколько PR и ТИЦ будет передано на ваш сайт с помощью Dofollow ссылки на странице. Такой подход достаточно удобен для того, чтобы определить — есть ли смысл получать обратную ссылку с этого сайта.
Кроме того, он показывает сколько ссылок, follow ссылок, внешних follow links and внутренних follow есть на странице. Также, плагин использует случайный Google-сервер для получения значений PR — для избежания блокировки со стороны Google.
Pasterbin
Pasterbin — плагин позволяет вставлятьи подсвечивать код (C, Python, Ruby, HTML, CSS
…) в pastebin сервисы. Очень удобно для размещения кода на форумах, IRC или в социальных сетях (например, Twitter). Работает с paste.pocoo.org.
SEO Site Tools
SEO Site Tools — плагин-комбайн, который позволяет получать разностороннюю информацию о вашем сайте:
- подробные данные о странице;
- анализировать ее элементы (в том числе и по аналогии с Chrome Sniffer — составные части сайта, а также количество внутренних и внешних Nofollow-ссылок и результаты валидаторов);
- активность сайта в социальных сетях (ретвиты Twitter, размещение в Digg и StumbleUpon и т.д.);
- вычисление плотности ключевых слов;
- просмотр сайта в разных расширениях;
- информацию о сервере и домене;
- составляет предложения по улучшению сайта;
- показывает ссылки с nofollow.
А какие интересные расширения для Google Chrome используете Вы?