За чистый и ясный код!

Статьи на тему программирования под веб, используя PHP, MySQL, Jquery и многое другое

Расширения браузера Google Chrome для веб-программиста

Январь10

VS

FireFox-vs-Google-Chrome Каждый день в своей работе (создание сайтов любой сложности) я использую для разработки два основных браузера FireFox (больше) и Goolge Chrome (меньше), но в последнее время, наверное благодаря телефону с ОС Андроид, я начал больше присматриваться к Хрому. И дабы чувствовать себя «как рыба в воде» хотелось чтобы те расширения которые я использую в FireFox-е хотелось бы использовать и тут.
На удивление почти все мои расширения есть в магазине Хрома. И так что же я использую:

FireBug Lite

FireBug LiteНаверное один и самых ценных инструментов для разработки. Хром конечно содержит по-дефолту свою панель разработчика, но от привычек надо отказываться постепенно. Поживем увидим. Скачать расширение можно по тут

Edit This Cookie

Edit This CookieРасширение для работы с куками (cookie), позволяет как добравлять, так и изменять существующие куки на сайте. Закачать расширение можно тут

ColorZilla

ColorZillaОчень часто необходимо узнать цвет пипеткой или перевести RGB в HEX и наоборот, для этих целей это прекрасное расширение.
Закачать расширение можно тут

HTTP Headers

HTTP HeadersПросмотре заголовков страницы. Единственное я не нашел расширение аля Liveheaders, оно мне нравилось тем, что показывало абсолютно все заголовки которые происходили во время загрузки страницы. Если кто-то может поделиться так расширением для Хрома, буду рад увидеть это в комментариях.
Закачать расширение можно тут

JSONView

JSONViewОчень наглядно показывает содержания JSON ответа. Рекомендую для отладки приложений.
Закачать расширение можно тут

MeasureIt

MeasureItКуда без линейки при верстке!
Закачать расширение можно тут

PerfectPixel by WellDoneCode

PerfectPixel by WellDoneCodeВот это злое расширение, когда оно попадает в руки заказчику и он начинает все проверять…, но и очень полезное разработчику, сразу видно где «халтурка».
Закачать расширение можно тут

Web Developer

Web DeveloperНабор различных примочек для включения/отключения и показ скрытых элементов. Жаль что здесь на работает валидация локальной страницы — очень помогало в ФФ, а также не работает линейка, изменение размера экрана и тд, в общем поставил чтобы было, вдруг починят.
Закачать расширение можно тут

Редактирование и отправка скриншотов

Редактирование и отправка скриншотовПолезный инструмент, позволяет сделать скрин или ВСЕГО сайта, а не только видимого окна или сделать часть, также подредактировать скрин и получить короткую ссылку для отправки кому-то. Полезно при пояснении где именно что-то не так или куда именно надо нажать.
Закачать расширение можно тут

Удаленный рабочий стол Chrome

Удаленный рабочий стол ChromeК разработки сайтов отношения не имеет, но очень помогает что-то показать «криворуким пользователям», включаем у себя хром с расширением и клиент. Клиент запускает расширение у себя, дает вас код, вы запускаете у себя и вводите код, дальше на вашем экране появляется экран «криворукого юзера» и вы можете показать что да как надо делать.
Закачать расширение можно тут

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

Скачивайте гугл хром!

Статья просмотренна 449038 раз, зашло посетителей 41660

рубрика: Песочница

16 комментариев в “Расширения браузера Google Chrome для веб-программиста”

  1. Avatar
    d4rkr00t пишет:

    Спасибо! Интересная подборка. PerfectPixel попробую 🙂


  2. Avatar
    maxnag пишет:

    Пожалуйста, может что-то своё посоветуете?


  3. Avatar
    rrroman пишет:

    Могу посоветовать Visual Event, удобный инструмент для отображения элементов с событиями на странице.


  4. Avatar
    maxnag пишет:

    Ромыч, большое спасибо!!! Это то, что мне нужно было. Конечно когда я делаю проект, я знаю где и что, но когда правишь чужое, тратишь больше времени, а тут готово решение! Спасибо большое!


  5. Avatar
    Ratio пишет:

    Можно обойтись и без HTTP Headers — хром позволяет читать заголовки в своих стандартных инструментах разработчика.


  6. Avatar
    maxnag пишет:

    Да, Хром, мощный браузер, но у каждого человека есть привычки)


  7. Avatar
  8. Avatar
    maxnag пишет:

    Большое спасибо! В момент написания статьи такого плагина не было, он появился в 2013 году.


  9. Avatar
    Егор пишет:

    Ну а где расширение закладок Top-page? тут вообще ни одно расширение с подобным функционалом не рассмотрели:(


  10. Avatar
    maxnag пишет:

    Скажите, а оно каким-то образом помогает в программировании веб-сайтов, отладки кода, просмотра разных данных сайта??? Тут рассматривались только расширения для программирования.


  11. Avatar
    Vutaliy пишет:

    Делюсь ссылкой на LiveHeaders уже появилось
    https://chrome.google.com/webstore/detail/live-ht

    спасибо за статью)


  12. Avatar
    maxnag пишет:

    Большое вам спасибо!


  13. Avatar
    Илья пишет:

    Для удобного производства скриншотов использую Нимбус скриншот https://chrome.google.com/webstore/detail/nimbus-
    Также есть для firefox: https://addons.mozilla.org/ru/firefox/addon/nimbu


  14. Avatar
    maxnag пишет:

    Спасибо, а этот плагин работает с сайтами которые имеют https протокол? Например вот этот, которым я пользуюсь, Explain and Send Screenshots 6.8.7 не хочет делать скрины если ресурс использует такой протокол.


  15. Avatar
    Илья пишет:

    Да, работает. Проверил, заскриншотив главную гугла https://www.google.ru/


  16. Avatar
    maxnag пишет:

    Ну так это же круто! Спасибо!


не публикуется

пример

Оставить комментарий или два:

  

Облако тегов

cli csv dump events form Kohana locale models MySQL mysqldump orm PHP tools trigger validate газ газовый счетчик итоги кеширование переменные

Облако тегов плагина WP Cumulus для WordPress требует для просмотра Flash Player 9 или выше.

Я на твиттере!

  • у твиттера тоже бывают перерывы...

Календарь

Январь 2012
Пн Вт Ср Чт Пт Сб Вс
« Ноя   Янв »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Сейчас на сайте