Посмотреть заголовки HTTP в Google Chrome? - PullRequest
542 голосов
/ 12 декабря 2010

До 9.x заголовки находились под ресурсами в Инструментах разработчика, но сейчас я нигде не могу их найти.

Ответы [ 6 ]

803 голосов
/ 12 декабря 2010

Я не уверен насчет вашей точной версии, но в Chrome есть вкладка «Сеть» с несколькими элементами, и когда я нажимаю на них, я вижу заголовки справа на вкладке.

Нажмите F12 в Windows или ⌥⌘I на Mac, чтобы открыть инструменты разработчика Chrome.

Chrome developer tools headers tab

20 голосов
/ 20 октября 2015

Для меня, начиная с Google Chrome версии 46.0.2490.71 м, информационная область заголовков немного скрыта. Для доступа:

  1. Когда браузер открыт, нажмите F12 , чтобы получить доступ к инструментам веб-разработчика

  2. При открытии нажмите «Сеть»

  3. Изначально возможно, что данные страницы отсутствуют / не обновлены. При необходимости обновите страницу

  4. Обратите внимание, что информация о странице появляется в листинге. (Также убедитесь, что рядом с флажком «Скрыть URL-адреса данных» выбрано «Все»)

см. Скриншот

19 голосов
/ 18 июня 2013

Мне так понравилось расширение FireFox Header Spy, что я создал расширение HTTP Spy для Chrome.Раньше я тоже использовал инструменты разработчика для отладки заголовков, но теперь моя жизнь стала намного лучше.

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

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

https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb

Наслаждайтесь!

17 голосов
/ 15 ноября 2013

Мой любимый способ в Chrome - нажать на букмарклет:

javascript:(function(){function read(url){var r=new XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return r.getAllResponseHeaders();}alert(read(window.location))})();

Поместите этот код в панель разработчика.

Источник: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers

11 голосов
/ 26 мая 2016

Вы можете найти опцию заголовков на вкладке Сеть в консоли разработчика в Chrome:

  1. В Chrome нажмите F12 , чтобы открыть консоль разработчика.
  2. Выберите вкладку Сеть. Эта вкладка содержит информацию о запросах, выполненных из браузера.
  3. Выберите запрос, нажав на название запроса. Там вы можете найти информацию заголовка для этого запроса вместе с другой информацией, такой как предварительный просмотр, ответ и время.

Кроме того, в моей версии Chrome (50.0.2661.102) это дает расширение с именем LIVE HTTP Headers , которое предоставляет информацию о заголовках запросов для всех HTTP-запросов.

обновление: добавлено изображение

enter image description here

8 голосов
/ 31 июля 2014

Я знаю, что есть принятый ответ, но я рекомендую

Простое клиентское расширение REST для Chrome.

пример:

EG.

...