25 полезных Chrome-расширений для веб-разработчиков Статьи редакции

Ресурс Creative Bloq выбрал 25 расширений для браузера Google Chrome, которые, по мнению редакции, могли бы пригодиться в работе веб-разработчика.

iMacros — расширение, которое помогает в тестировании веб-страниц. Вместо того, чтобы самостоятельно проделывать одни и те же действия на странице, разработчику нужно лишь записать требуемую последовательность действий в iMacros и запускать расширение тогда, когда это необходимо.

Расширение способно работать с сайтами, реализованными при помощи технологий Java, Flash, Flex, Ajax и Silverlight.

Расширение для тех, кто любит «поиграть со шрифтами» — позволяет экспериментировать со всем спектром шрифтов из библиотеки Google Fonts, не внося изменений в код страницы. Можно менять не только сам шрифт, но и его размер, стиль написания и так далее.

Пригодится, по словам автора материала, для того, чтобы проверить, как выглядит шрифт, перед тем, как вносить фактические изменения в код страницы.

Расширение для Google Chrome, которое позволяет выделять и копировать текст даже с картинок — будет полезным, по мнению Cretive Bloq, всем, кому хоть раз в своей работе приходилось иметь дело со встроенным текстом.

Расширение, которое позволяет мгновенно определить, какой шрифт использован на той или иной странице, не производя почти никаких дополнительных действий — наведя курсор мыши на надпись.

5. YSlow

YSlow — инструмент, который не только проверяет скорость загрузки той или иной веб-страницы, но и подсказывает разработчику, что её тормозит. Для этого расширение проверяет сайт на соответствие 23 из 34 правил производительности, сформулированных командой компании Yahoo.

Целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.

Расширение для автоматической проверки, удовлетворяет ли сайт основным принципам SEO, достаточно ли он производителен и удобен для пользователя. Результаты проверки представляются в виде своеобразного чек-листа — можно посмотреть более подробную информацию и рекомендации по каждому из невыполненных пунктов, а также моментально исправить ошибки.

Позволяет в автоматическом режиме сохранять любые изменения, внесённые в код страницы при помощи инструментов Chrome DevTools. Как отмечает автор материала, инструмент помогает разработчикам сэкономить большое количество времени.

Расширение, при помощи которого можно «превратить» любую страницу в структурную схему компоновки материала — wireframe. Позволяет разработчикам и веб-дизайнерам не выходя из браузера ознакомиться с компоновкой любой страницы в сети.

Ripple Emulator — расширение-эмулятор для Google Chrome, которое позволяет тестировать веб-сайты на различных мобильных платформах с различными разрешениями экрана. Может быть использовано в сочетании с другими расширениями для тестирования и отладки ресурсов.

11. Streak

Streak — расширение, которое позволяет превратить почтовый ящик на Gmail в CRM-систему. Можно отслеживать статус сделок и переговоров, которые ведутся в электронной почте с контрагентами, использовать Streak для обработки запросов пользователей продукта и отслеживания исправлений присланных ошибок и так далее.

Расширение для быстрого поиска по популярному ресурсу для разработчиков Stack Overflow.

Позволяет получить мгновенный доступ к документации по PHP 5.5 из браузера.

PerfectPixel — расширение для Google Chrome. Оно позволяет «наложить» на веб-страницу полупрозрачную сетку и сверять по ней заданные расстояния.

Можно накладывать и другие изображения — например, первоначальный макет — чтобы убедиться, что получившаяся страница в точности ему соответствует:

15. Code Cola

Инструмент для просмотра исходного кода страниц и редактирования CSS-кода.

Можно менять тени, окружности бокса и так далее с помощью перетаскивания ползунка. После внесения изменений можно скопировать получившийся код и заменить его в коде сайта.

Расширение для браузера, которое определяет, какие JavaScript-библиотеки, фреймворк или CMS используются на ресурсе.

User-Agent Switcher — это расширение, которое позволяет «маскировать» браузер Google Chrome под Internet Explorer, Opera или любой другой браузер.

18. IE Tab

Встроенный эмулятор Internet Explorer для Chrome.

19. PicMonkey

Простой и бесплатный онлайн-редактор изображений. Позволяет «захватывать» изображения или делать скриншоты браузера — и сразу же редактировать их при помощи расширения для Chrome.

Расширение, которое помогает адаптировать веб-сервисы для тех пользователей, которые страдают дальтонизмом — демонстрируя разработчику, как сайт видят те, кто страдает этим заболеванием. Позволяет веб-дизайнерам и разработчикам создавать более доступные сервисы.

Простой инструмент, который помогает определить высоту, ширину и положение любого элемента на странице.

Расширение, которое проверяет веб-страницу на наличие «битых» или неправильных ссылок.

Расширение, которое помогает не столько в разработке, сколько в поиске вдохновения и хороших фотографий. Показывает на каждой новой вкладке в Google Chrome одно изображение с сервиса Flickr. При нажатии на него пользователь переходит на страницу автора, где может ознакомиться с другими его работами.

Расширение для браузера, похожее на предыдущий плагин в этом списке — только вместо фотографий из Flickr в новой вкладке пользователь видит признанные произведения искусства — например, полотна кисти Ван Гога или Мане.

Официальное расширение от Google для сжатия трафика, которое включает экономию трафика в браузере Google Chrome.

0
19 комментариев
Написать комментарий...

Комментарий удален модератором

Развернуть ветку
Пользователь Удален

Лучшее

Ответить
Развернуть ветку
Igor Tsarkov

На замену 23 или 24 пункту можно было поставить Momentum.

Ответить
Развернуть ветку
בוריס חודוק

Зачем iMacros, когда есть Selenium?

Ответить
Развернуть ветку
Кирилл Федянин

PhantomJS же ещё удобнее. Зачем открывать браузер, когда можно не открывать)

Ответить
Развернуть ветку
Dmitriy Manannikov

А потом еще один пост про то как хром тормозит

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Nick Olai Erlan

Font Playground безнадежно у меня глючит. Кликаешь один шрифт, а выдает другой. Почему то Open Sans отображается явно как Serif:(

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Nick Olai Erlan

А никто не знает плагин, чтобы быстро картинки-иконки скачивать, которые зашиты в css?

Ответить
Развернуть ветку
liaren
Ответить
Развернуть ветку
Иљя Коробов

Поставил себе все, теперь смотрю картинки, а расширения работают за меня.

Ответить
Развернуть ветку
Ivan Belousov

В подборке не хватает расширения от Similarweb!

Ответить
Развернуть ветку
Ilya ZLodei

Для тех, кто часто подбирает ключевые слова в вордстате http://semantica.in/tools/yandex-wordstat-assistant

Ответить
Развернуть ветку
Павел Статилко

Пипетка для снятия цвета с любого элемента
https://goo.gl/xdYHW

SnappySnippet - собирает html & CSS выбранного элемента и можно сразу открыть в Codepen и т.д.
https://goo.gl/NXCQWG

Wappalyzer - Посмотреть из чего сделан сайт и что в него напихано без регистрации и смс
https://goo.gl/6XS3a9

Ответить
Развернуть ветку
Den Izanov

Расширение для тех, кому нужно быстро и оперативно получать информацию из сообществ вконтакте. Оно ищет новые посты в ваших сообществах и выводит их в виде уведомлений и пишет в ленту.
https://chrome.google.com/webstore/detail/groupsfeed/headefnefjnknjhghaondobjmghlbelc?hl=ru

Ответить
Развернуть ветку
Alexey Gutorov

Моне, пожалуйста. Спасибо.

Ответить
Развернуть ветку
Олег Овласюк

Чем вам не угодил Мане?

Ответить
Развернуть ветку
Alexey Gutorov

тем, что, наверное, он не настолько именит, чтобы ожидать его имя в одном ряду с Ван Гогом.
О Мане только что узнал из-за вашего коммента.
Но, справедливости ради, надо сказать, что в оригинале именно Моне (Monet).

Ответить
Развернуть ветку
Дарья Хохлова
Автор

Не согласна с вами насчёт именитости. Кто-то и Ван Гога знает только из-за отрезанного уха, а не его работ. Говорить об импрессионизме и не упоминать Мане — как-то странно.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Антон Кармазин

https://chrome.google.com/webstore/detail/fast-yametrika/akhhdodonnbokbbnnojbohldoldmllon

Расширение для быстрой и удобной работы с Я.Метрикой

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Данiилъ Раминъ

История буфера обмена. Удобно для копирования и вставки сниппетов

https://chrome.google.com/webstore/detail/clipboard-history-2/ajiejmhbejpdgkkigpddefnjmgcbkenk

Ответить
Развернуть ветку
Читать все 19 комментариев
null