logo标签列表

我该如何在Google Chrome中查看HTTP头信息？

http-headersgoogle-chrome-devtools
617

直到9.x版本，标题在开发者工具的资源下方，但现在我无法在任何地方找到它。

9个回答
893
我不确定您使用的Chrome版本，但是Chrome浏览器有一个名为“网络(Network)”的选项卡，当我点击其中的几个项目时，在该选项卡右侧可以看到头信息(headers)。
在Windows上按下F12，或者在Mac上按下⌥⌘I，即可打开Chrome开发者工具。
请访问以下链接查看Chrome开发者工具头信息(headers)选项卡: Chrome developer tools headers tab
67
知道了，谢谢！必须重新加载页面才能查看物品。 - user267817
8
非常好！我之前用了 chrome://view-http-cache/[url] 的方法，但你的解决方案更好！ - nalply
35
也可以尝试使用 chrome://net-internals/。 - XP1
74
为了澄清上面的答案 - 当您点击网络选项卡时，首先会在右侧以表格格式和时间轴图表的形式看到一个概述。如果您从左侧列表中单击某个文件，则会看到上面图片中显示的选项卡（包括 Headers 选项卡）。这就是 @Tower 所指的“点击它们”。 - SnapShot
3
更多需要注意的是：如果您没有看到任何资源，请查看选项卡区域（All | XHR JS等），并选择All。 - Zanshin13
显示剩余5条评论
31

对于我而言，在Google Chrome版本46.0.2490.71 m中，标题信息区域有些隐蔽。要访问：

  1. 在打开浏览器的情况下，按下 F12 来访问Web开发者工具

  2. 打开后，点击“网络”选项

  3. 初始情况下，可能页面数据不存在或不是最新的。如果需要，请刷新页面

  4. 观察页面信息出现在列表中。（还要确保在“隐藏数据URL”复选框旁边选择了“全部”）

查看截图

1
按照以下步骤进行操作： 5. 在左侧列表中单击所需资源的名称。 6. 预览视图将出现在该列表右侧的面板中。上方有一些选项卡。单击“标头”选项卡。 7. 现在，你可以开始使用了！ - Metafaniel
25

我在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
10
这不会获取当前的标头，而是用于第二个请求的标头。 - Nick
21
我非常喜欢FireFox Header Spy扩展程序，以至于我为Chrome开发了一个HTTP Spy扩展程序。我曾经使用开发人员工具来调试标题，但现在我的生活好多了。
这是一个Chrome扩展程序，允许你在页面加载后不需要任何额外的点击即可查看请求、响应头和cookie。它还处理重定向。它带有一个不显眼的微型模式，只显示一些经过精选的响应头，以及一个正常模式，显示所有信息。 https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb 享受吧！
12

您可以在Chrome浏览器的开发者控制台中的“网络”选项卡中找到标题选项：

  1. 在Chrome中按F12打开开发者控制台。
  2. 选择“网络”选项卡。该选项卡提供了有关从浏览器发送的请求的信息。
  3. 通过单击请求名称选择一个请求。在那里，您可以找到该请求的标头信息以及其他一些信息，例如预览、响应和计时。

此外，在我的Chrome版本(50.0.2661.102)中，它提供了一个名为LIVE HTTP Headers的扩展程序，可提供所有HTTP请求的请求标头信息。

更新：添加了图片

输入图片描述

2
以防万一有人需要：如果勾选了“显示概述”，它将在概述下方列出，可能不可见（我遇到过这种情况）。您可以单击图标“隐藏概述”或扩展开发人员工具箱。 - Angel M.
@Chris22请查看帖子中的图片。 - Angel M.
@AngelM. 谢谢，根据图片显示，“显示概述”不是复选框，而是一个图标。 - Chris22
8
我知道有一个被接受的答案，但我推荐使用Talend API Tester - REST Client Chrome扩展程序。

例子：

enter image description here

响应以相同方式显示头信息。

7
在Chrome中，右键点击屏幕并选择检查。

enter image description here

选择网络选项卡。

enter image description here

然后按下Ctrl + R，您可以看到名称、标头、响应和其他选项卡。

enter image description here

5

要在Google Chrome中查看请求或响应的HTTP标头，请按照以下步骤：

  1. 在Chrome中访问一个网址（例如https://www.google.com），右键单击，选择“检查”来打开开发者工具。
    enter image description here
  2. 选择“网络”选项卡。
  3. 重新加载页面，在左侧面板上选择任何HTTP请求，HTTP标头将显示在右侧面板上。

enter image description here

1

对于版本78.0.3904.87，操作系统为Windows 7，64位电脑

步骤：

  1. 按F12键
  2. 选择网络选项卡
  3. 选择XHR
  4. 在名称下方-->您可以看到所有的XHR请求。
  5. 要查看特定XHR请求的请求标头，请单击该请求。有关该XHR请求的所有详细信息将出现在右侧。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接