25 полезных Chrome-расширений для веб-разработчиков Статьи редакции
Ресурс Creative Bloq выбрал 25 расширений для браузера Google Chrome, которые, по мнению редакции, могли бы пригодиться в работе веб-разработчика.
iMacros — расширение, которое помогает в тестировании веб-страниц. Вместо того, чтобы самостоятельно проделывать одни и те же действия на странице, разработчику нужно лишь записать требуемую последовательность действий в iMacros и запускать расширение тогда, когда это необходимо.
Расширение способно работать с сайтами, реализованными при помощи технологий Java, Flash, Flex, Ajax и Silverlight.
Расширение для тех, кто любит «поиграть со шрифтами» — позволяет экспериментировать со всем спектром шрифтов из библиотеки Google Fonts, не внося изменений в код страницы. Можно менять не только сам шрифт, но и его размер, стиль написания и так далее.
Пригодится, по словам автора материала, для того, чтобы проверить, как выглядит шрифт, перед тем, как вносить фактические изменения в код страницы.
Расширение для Google Chrome, которое позволяет выделять и копировать текст даже с картинок — будет полезным, по мнению Cretive Bloq, всем, кому хоть раз в своей работе приходилось иметь дело со встроенным текстом.
4. What Font
Расширение, которое позволяет мгновенно определить, какой шрифт использован на той или иной странице, не производя почти никаких дополнительных действий — наведя курсор мыши на надпись.
5. YSlow
YSlow — инструмент, который не только проверяет скорость загрузки той или иной веб-страницы, но и подсказывает разработчику, что её тормозит. Для этого расширение проверяет сайт на соответствие 23 из 34 правил производительности, сформулированных командой компании Yahoo.
Целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.
Расширение для автоматической проверки, удовлетворяет ли сайт основным принципам SEO, достаточно ли он производителен и удобен для пользователя. Результаты проверки представляются в виде своеобразного чек-листа — можно посмотреть более подробную информацию и рекомендации по каждому из невыполненных пунктов, а также моментально исправить ошибки.
Позволяет в автоматическом режиме сохранять любые изменения, внесённые в код страницы при помощи инструментов Chrome DevTools. Как отмечает автор материала, инструмент помогает разработчикам сэкономить большое количество времени.
Расширение, при помощи которого можно «превратить» любую страницу в структурную схему компоновки материала — wireframe. Позволяет разработчикам и веб-дизайнерам не выходя из браузера ознакомиться с компоновкой любой страницы в сети.
10. Ripple Emulator
Ripple Emulator — расширение-эмулятор для Google Chrome, которое позволяет тестировать веб-сайты на различных мобильных платформах с различными разрешениями экрана. Может быть использовано в сочетании с другими расширениями для тестирования и отладки ресурсов.
11. Streak
Streak — расширение, которое позволяет превратить почтовый ящик на Gmail в CRM-систему. Можно отслеживать статус сделок и переговоров, которые ведутся в электронной почте с контрагентами, использовать Streak для обработки запросов пользователей продукта и отслеживания исправлений присланных ошибок и так далее.
Расширение для быстрого поиска по популярному ресурсу для разработчиков Stack Overflow.
13. PHP Ninja Manual
Позволяет получить мгновенный доступ к документации по PHP 5.5 из браузера.
14. PerfectPixel
PerfectPixel — расширение для Google Chrome. Оно позволяет «наложить» на веб-страницу полупрозрачную сетку и сверять по ней заданные расстояния.
Можно накладывать и другие изображения — например, первоначальный макет — чтобы убедиться, что получившаяся страница в точности ему соответствует:
15. Code Cola
Инструмент для просмотра исходного кода страниц и редактирования CSS-кода.
Можно менять тени, окружности бокса и так далее с помощью перетаскивания ползунка. После внесения изменений можно скопировать получившийся код и заменить его в коде сайта.
16. Chrome Sniffer
Расширение для браузера, которое определяет, какие JavaScript-библиотеки, фреймворк или CMS используются на ресурсе.
User-Agent Switcher — это расширение, которое позволяет «маскировать» браузер Google Chrome под Internet Explorer, Opera или любой другой браузер.
18. IE Tab
Встроенный эмулятор Internet Explorer для Chrome.
19. PicMonkey
Простой и бесплатный онлайн-редактор изображений. Позволяет «захватывать» изображения или делать скриншоты браузера — и сразу же редактировать их при помощи расширения для Chrome.
20. Chrome Daltonize
Расширение, которое помогает адаптировать веб-сервисы для тех пользователей, которые страдают дальтонизмом — демонстрируя разработчику, как сайт видят те, кто страдает этим заболеванием. Позволяет веб-дизайнерам и разработчикам создавать более доступные сервисы.
21. Page Ruler
Простой инструмент, который помогает определить высоту, ширину и положение любого элемента на странице.
22. Check My Links
Расширение, которое проверяет веб-страницу на наличие «битых» или неправильных ссылок.
23. Flickr Tab
Расширение, которое помогает не столько в разработке, сколько в поиске вдохновения и хороших фотографий. Показывает на каждой новой вкладке в Google Chrome одно изображение с сервиса Flickr. При нажатии на него пользователь переходит на страницу автора, где может ознакомиться с другими его работами.
Расширение для браузера, похожее на предыдущий плагин в этом списке — только вместо фотографий из Flickr в новой вкладке пользователь видит признанные произведения искусства — например, полотна кисти Ван Гога или Мане.
25. Data Saver
Официальное расширение от Google для сжатия трафика, которое включает экономию трафика в браузере Google Chrome.
#золотойфонд #разработчики #расширения_для_Google_Chrome #Google_Chrome #расширения_для_разработчиков
Комментарий удален модератором
Лучшее
На замену 23 или 24 пункту можно было поставить Momentum.
Зачем iMacros, когда есть Selenium?
Комментарий недоступен
А потом еще один пост про то как хром тормозит
Комментарий удален модератором
Комментарий удален модератором
Комментарий удален модератором
Комментарий удален модератором
Комментарий удален модератором
Font Playground безнадежно у меня глючит. Кликаешь один шрифт, а выдает другой. Почему то Open Sans отображается явно как Serif:(
Комментарий удален модератором
Комментарий удален модератором
А никто не знает плагин, чтобы быстро картинки-иконки скачивать, которые зашиты в css?
Очень популярные и полезные расширения:
JavaScript Errors Notifier https://chrome.google.com/webstore/detail/javascript-errors-notifie/jafmfknfnkoekkdocjiaipcnmkklaajd
PHP Console https://chrome.google.com/webstore/detail/php-console/nfhmhhlpfleoednkpnnnkolmclajemef
Поставил себе все, теперь смотрю картинки, а расширения работают за меня.
В подборке не хватает расширения от Similarweb!
Для тех, кто часто подбирает ключевые слова в вордстате http://semantica.in/tools/yandex-wordstat-assistant
Пипетка для снятия цвета с любого элемента
https://goo.gl/xdYHW
SnappySnippet - собирает html & CSS выбранного элемента и можно сразу открыть в Codepen и т.д.
https://goo.gl/NXCQWG
Wappalyzer - Посмотреть из чего сделан сайт и что в него напихано без регистрации и смс
https://goo.gl/6XS3a9
Расширение для тех, кому нужно быстро и оперативно получать информацию из сообществ вконтакте. Оно ищет новые посты в ваших сообществах и выводит их в виде уведомлений и пишет в ленту.
https://chrome.google.com/webstore/detail/groupsfeed/headefnefjnknjhghaondobjmghlbelc?hl=ru
Моне, пожалуйста. Спасибо.
Чем вам не угодил Мане?
тем, что, наверное, он не настолько именит, чтобы ожидать его имя в одном ряду с Ван Гогом.
О Мане только что узнал из-за вашего коммента.
Но, справедливости ради, надо сказать, что в оригинале именно Моне (Monet).
Не согласна с вами насчёт именитости. Кто-то и Ван Гога знает только из-за отрезанного уха, а не его работ. Говорить об импрессионизме и не упоминать Мане — как-то странно.
Комментарий удален модератором
Комментарий удален модератором
https://chrome.google.com/webstore/detail/fast-yametrika/akhhdodonnbokbbnnojbohldoldmllon
Расширение для быстрой и удобной работы с Я.Метрикой
Комментарий удален модератором
История буфера обмена. Удобно для копирования и вставки сниппетов
https://chrome.google.com/webstore/detail/clipboard-history-2/ajiejmhbejpdgkkigpddefnjmgcbkenk