Посмотреть заголовки HTTP в Google Chrome?

560

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

nbro
источник

Ответы:

832

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

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

Вкладка заголовков инструментов разработчика Chrome

башня
источник
55
Понял, спасибо! Страница должна была быть перезагружена для просмотра элементов.
8
Это очень мило! Я использовал хак chrome: // view-http-cache / [url], но ваше решение намного приятнее!
nalply
31
Также попробуйте chrome://net-internals/.
XP1
67
Просто чтобы немного пояснить ответ выше - когда вы нажимаете на вкладку сети, вы видите сначала обзор справа в виде таблицы с графиком временной шкалы. Если вы щелкнете по отдельному файлу из списка слева, вы увидите вкладки, показанные на рисунке выше (включая вкладку «Заголовки»). Это то, что @Tower подразумевает под «нажатием на них»
SnapShot
2
Еще на заметку: если вы не видите никаких ресурсов - посмотрите на область вкладок ( All | XHR JSи т. Д.) И выберитеAll
Zanshin13
22

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

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

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

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

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

смотреть скриншот

MrBCut
источник
19

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

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

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

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

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

Michiel Roos
источник
17

Мой любимый способ в 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

Марк Бойтц
источник
9
Это не получает текущие заголовки, но вместо этого заголовки для второго запроса.
Ник
11

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

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

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

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

введите описание изображения здесь

БУКВ
источник
2
просто на тот случай, если кому-то это понадобится: если установлен флажок «Показать обзор», он отображается под обзором и может не отображаться (случилось со мной). Вы можете нажать на иконку «скрыть обзор» или расширить панель инструментов разработчика
Angel M.
@ Chris22, пожалуйста, взгляни на картинку в посте
Angel M.
@AngelM. спасибо, хорошо, так в соответствии с изображением, «показать обзор» это не флажок, это значок.
Chris22
8

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

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

пример:

НАПРИМЕР.

Leandro
источник
0

Для версии 78.0.3904.87, ОС = Windows 7, 64-битный ПК

шаги:

  1. Нажмите F12
  2. Выберите вкладку сети
  3. Выберите XHR
  4. Под именем -> вы можете увидеть все запросы XHR.
  5. Чтобы просмотреть заголовки запроса определенного запроса XHR, щелкните этот запрос. Все подробности об этом запросе XHR появятся справа.
Дипак Агравал
источник
0

Чтобы просмотреть HTTP-заголовки запроса или ответа в Google Chrome, выполните следующие действия:

  1. В Chrome перейдите по URL-адресу (например, https://www.google.com), щелкните правой кнопкой мыши и выберите «Проверка», чтобы открыть инструменты разработчика.
    введите описание изображения здесь
  2. Выберите вкладку Сеть.
  3. Перезагрузите страницу, выберите любой HTTP-запрос на левой панели, и заголовки HTTP будут отображены на правой панели.

введите описание изображения здесь

Zgpeace
источник