Расширения браузера Google Chrome для веб-программиста
VS
Каждый день в своей работе (создание сайтов любой сложности) я использую для разработки два основных браузера FireFox (больше) и Goolge Chrome (меньше), но в последнее время, наверное благодаря телефону с ОС Андроид, я начал больше присматриваться к Хрому. И дабы чувствовать себя «как рыба в воде» хотелось чтобы те расширения которые я использую в FireFox-е хотелось бы использовать и тут.
На удивление почти все мои расширения есть в магазине Хрома. И так что же я использую:
FireBug Lite
Наверное один и самых ценных инструментов для разработки. Хром конечно содержит по-дефолту свою панель разработчика, но от привычек надо отказываться постепенно. Поживем увидим. Скачать расширение можно по тут
Edit This Cookie
Расширение для работы с куками (cookie), позволяет как добравлять, так и изменять существующие куки на сайте. Закачать расширение можно тут
ColorZilla
Очень часто необходимо узнать цвет пипеткой или перевести RGB в HEX и наоборот, для этих целей это прекрасное расширение.
Закачать расширение можно тут
HTTP Headers
Просмотре заголовков страницы. Единственное я не нашел расширение аля Liveheaders, оно мне нравилось тем, что показывало абсолютно все заголовки которые происходили во время загрузки страницы. Если кто-то может поделиться так расширением для Хрома, буду рад увидеть это в комментариях.
Закачать расширение можно тут
JSONView
Очень наглядно показывает содержания JSON ответа. Рекомендую для отладки приложений.
Закачать расширение можно тут
MeasureIt
Куда без линейки при верстке!
Закачать расширение можно тут
PerfectPixel by WellDoneCode
Вот это злое расширение, когда оно попадает в руки заказчику и он начинает все проверять…, но и очень полезное разработчику, сразу видно где «халтурка».
Закачать расширение можно тут
Web Developer
Набор различных примочек для включения/отключения и показ скрытых элементов. Жаль что здесь на работает валидация локальной страницы — очень помогало в ФФ, а также не работает линейка, изменение размера экрана и тд, в общем поставил чтобы было, вдруг починят.
Закачать расширение можно тут
Редактирование и отправка скриншотов
Полезный инструмент, позволяет сделать скрин или ВСЕГО сайта, а не только видимого окна или сделать часть, также подредактировать скрин и получить короткую ссылку для отправки кому-то. Полезно при пояснении где именно что-то не так или куда именно надо нажать.
Закачать расширение можно тут
Удаленный рабочий стол Chrome
К разработки сайтов отношения не имеет, но очень помогает что-то показать «криворуким пользователям», включаем у себя хром с расширением и клиент. Клиент запускает расширение у себя, дает вас код, вы запускаете у себя и вводите код, дальше на вашем экране появляется экран «криворукого юзера» и вы можете показать что да как надо делать.
Закачать расширение можно тут
Попрошу юзеров, которые прочтут статью и есть возможность поделится чем-то новым оставить об этом комментарий!
Статья просмотренна 700840 раз, зашло посетителей 76933
Спасибо! Интересная подборка. PerfectPixel попробую 🙂
Пожалуйста, может что-то своё посоветуете?
Могу посоветовать Visual Event, удобный инструмент для отображения элементов с событиями на странице.
Ромыч, большое спасибо!!! Это то, что мне нужно было. Конечно когда я делаю проект, я знаю где и что, но когда правишь чужое, тратишь больше времени, а тут готово решение! Спасибо большое!
Можно обойтись и без HTTP Headers — хром позволяет читать заголовки в своих стандартных инструментах разработчика.
Да, Хром, мощный браузер, но у каждого человека есть привычки)
https://chrome.google.com/webstore/detail/live-ht…
Здесь Live Headers
Большое спасибо! В момент написания статьи такого плагина не было, он появился в 2013 году.
очень большое спасибо!
Ну а где расширение закладок Top-page? тут вообще ни одно расширение с подобным функционалом не рассмотрели:(
Скажите, а оно каким-то образом помогает в программировании веб-сайтов, отладки кода, просмотра разных данных сайта??? Тут рассматривались только расширения для программирования.
Делюсь ссылкой на LiveHeaders уже появилось
https://chrome.google.com/webstore/detail/live-ht…
спасибо за статью)
Большое вам спасибо!
Для удобного производства скриншотов использую Нимбус скриншот https://chrome.google.com/webstore/detail/nimbus-…
Также есть для firefox: https://addons.mozilla.org/ru/firefox/addon/nimbu…
Спасибо, а этот плагин работает с сайтами которые имеют https протокол? Например вот этот, которым я пользуюсь, Explain and Send Screenshots 6.8.7 не хочет делать скрины если ресурс использует такой протокол.
Да, работает. Проверил, заскриншотив главную гугла https://www.google.ru/
Ну так это же круто! Спасибо!