Поскольку мой аккаунт на Хабре заминусовали, данный материал выложил сюда. Надеюсь он будет полезен всем обладателям Google Chrome
Chrome добавил некоторые инструменты, которые ранее были доступны в Firefox, а также некоторые уникальные инструменты Chrome. И используя данные инструменты, Chrome вполне сможет стать вашей рабочей лошадкой.
Может что-то из этого будет Вам полезно. А если Вы знаете какие-то другие полезные инструменты, то не забудьте поделиться ими с нами в комментариях.
1. Firebug Lite
Вероятно, наиболее популярная для web-разработчиков надстройка Firefox. Firebug позволяет Вам просматривать и редактировать HTML, CSS и JavaScript любой страницы не выходя из своего браузера. Firebug Lite – уменьшенная версия Firebug, созданного для Chrome. При помощи него Вы можете проверить страницу на наличие ошибок и затем быстро их исправить.
Firebug Lite не имеет таких возможностей, как Firebug, но позволяет использовать наиболее необходимые функции. Также существует консольный интерфейс для опытных пользователей.
2. IE Tab
Internet Explorer от Microsoft не особо популярен среди web-разработчиков, однако, среди остального населения, он до сих пор занимает лидирующие позиции. При помощи IE Tab Вы можете, оставаясь в Chrome, открыть любой сайт так, как вы бы видели его в Internet Explorer. Вы можете убедиться, что ваш сайт работает корректно для тех миллионов, кто использует Firefox, Safari (Safari), Chrome или Opera.
3. Eye Dropper
При помощи EyeDropper, Вы можете получить исчерпывающую информацию о цвете любого сайте, просматриваемого в Chrome. Нажмите на соответствующую иконку и панель интерфейса опуститься вниз. Отсюда же Вы можете нажать на кнопку выбора цвета, а затем наведите в любое место сайта, чтобы увидеть какие его цвета попадают в необходимый диапазон, какой у него уровень RGB, и каким образом составлен HTML код цвета.
4. Chrome SEO
При нажатии на иконку Chrome SEO, система выдаст Вам всю важную для SEO специалиста информацию. Вы можете проверить обратные ссылки, трафик, как так это происходит в Alexa Rank и Google PageRank, также посмотреть популярность сайта в социальных закладках и многое другое.
5. Lorem Ipsum Generator
Lorem Ipsum Generator – генератор текста для вашего сайта (РЫБА), при помощи которого, Вы можете убедиться в корректности форматирования, введя всего лишь несколько абзацев текста и не теряя времени на кучу попыток. Это надстройка является простой и легкой, а значит, не требовательна к ресурсам. Простота и качества данного инструмента, несомненно, будет полезна.
6. Resolution Test
Цель Resolution Test – показать в окне браузера, как будет выглядеть сайт при различных расширениях экрана. Как web-разработчик, Вы наверняка, являетесь счастливым обладателем монитора с хорошим расширением, однако большинство посетителей сайта более скромны. Данный инструмент позволит Вам убедиться, что сайт выглядит нормально и для них.
7. Speed Tracer
Speed Tracer использует Ваш браузер для записи того, сколько времени Ваше web приложение тратит на те или иные задачи. Так Вы можете узнать причину «зависания», если Ваш сайт работает медленно. Данный инструмент позволяет узнать, сколько времени траться на интерпретацию внешнего вида, Javascript и других деталей.
Единственный минус заключается в том, что данный инструмент необходимо запустить, набрав в командной строке “–enable-extension-timeline-api.”. Но Вы ведь web-разработчик? Значит, для Вас это не проблема!
8. MeasureIt!
MeasureIt! – простая и полезная утилита, которая позволяет Вам измерить размер (ДхШ pxs) любого элемента сайта. Как и многие другие инструменты, MeasureIt! был до этого представлен только в Firefox.
9. Pendule
Pendule – простой инструмент, который может быть очень полезен web-разработчикам. Он позволяет осуществлять перезагрузку или отключение CSS, просмотра JavaScript, изображений, выбора цвета, просмотра источника и некоторые другие переменные сценарии. Хорошо работает в качестве основного инструмента и позволяет решать множество задач.
10. BuiltWith
BuiltWith дает профайл о всех технологиях, используемых для создания сайта. Данный инструмент расскажет обо всех виджетах на сайте, анализаторах трафика, которые использует web-мастер, а также о том, какие рамки для рекламы присутствуют на сайте и многое другое.
