Просмотр http заголовков. Livehttpheaders для Mozilla Firefox

LiveHTTPHeaders logoОкончательно перестал пользоваться Opera и перешел на Mozilla Firefox. Остаюсь в легком недоумении почему этого не сделал ранее. Одна только встроенная консоль ошибок чего стоит! А на днях, изучая cURL, наткнулся на полезное расширения для этого браузера – LiveHTTPHeaders для просмотра заголовков http пакетов в реальном времени.

Чем же именно он может быть полезен? Начну с того, что весь обмен данными между браузером и удаленным сервером по протоколу http происходит в виде пакетов, каждый из которых имеет заголовок со служебной информацией и тело. Данные отправляемые на сервер при нажатии на какую-нибудь кнопку формы “отправить”, передаваемые куки, соглашения о сжатии и кэшировании, эта и другая служебная информация помещается в заголовки, и когда возникает задача увидеть что именно (имена переменных, значения) передается, на помощь и приходит LiveHTTPHeaders.

LiveHTTPHeaders. http заголовки firefox

Установка не займет много времени, заходим на официальный сайт, скачиваем и устанавливаем последнюю версию. Перезагрузив браузер, запускаем расширение из “Инструменты”->”Просмотр http заголовков”. Появляется новая закладка, состоящая из 4-х табов: Заголовки – основной таб, отображает заголовки запросов и ответов, Генератор – указывается url исходящих от браузера запросов, Настройка – советую установить галки “Использовать таблицу стилей”, “Открывать LiveHTTPHeaders в новой вкладке”, О расширении – список авторов и официальная страница, где можно проверить наличие обновлений.

Примеры клиент-серверного взаимодействия или LiveHTTPHeaders в действии

Пример 1. Допустим мы на каком-либо сайте заполнили форму и отсылаем данные на сервер, в этом случае браузер сформирует пакет со следующими заголовками (см. скриншот). Как видите, отмеченная красным строка в исходящем POST запросе, содержит введенные в форме переменные name, e-mail, msg и их значения. Здесь будут присутствовать даже поля типа type=hidden, если они есть в форме.

LiveHTTPHeaders. http заголовки браузера

Пример 2. Авторизация на сайте – отправка логина и пароля методом POST (пример аналогичен предыдущему). Внутри http заголовка браузером передаются переменные login, password, membermy. После успешной авторизации сервер возвращает куки MEMORISESSID – идентификатор сессии, login – логин, password_hash – хэш пароля.

LiveHTTPHeaders. проверка http заголовков

Пример 3. Продолжение примера 2, т.е. авторизация пройдена и требуется получить доступ к персональной странице. Для того чтобы серверный скрипт идентифицировал нас, ему необходимо вернуть куки обратно (те же самые три переменные).

LiveHTTPHeaders. http заголовки запроса

Итак, если Вам необходимо посмотреть http заголовки, воспользуетесь расширением LiveHTTPHeaders. Минимум настроек и максимум необходимой информации.

Скачать LiveHTTPHeaders версия 0.16
Официальный сайт.

Комментарии:

  1. Krepyw

    Mozilla однозначно выбор веб-мастера и разработчика. Опера для простых юзеров хороша.

  2. Павел

    Спасибо, полезное расширение, то что нужно )

  3. Сергей

    Не понимаю зачем ставить программу для этого, если можно зайти, например, сюда: http://h.zeos.in и смотреть заголовки ответов сервера.
    Таких сервисов куча, я дал для примера тот, которым пользуюсь сам.

    На нём никакой рекламы нет на сайте и очень удобно и быстро можно посмотреть заголовки ответа сервера :)

  4. Даниил

    В опере всё встроенно безо всяких плагинов, в меню Extra включить Dragonfly, там выбрать закладку “сеть”.

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

    Dragonfly вообще интересный инструмент.

  5. Александдр

    Отличное дополнение сейчас добавлю в свой браузер.

  6. Юрий

    Да, в опере действительно есть встроенный просмотр заголовков. А вот firefox 4 подвел. Там это дополнение пока невозможно поставить, устарела версия.