如何在 Google Chrome 中查看 HTTP 标头？答案

【问题标题】：How can I view HTTP headers in Google Chrome?如何在 Google Chrome 中查看 HTTP 标头？
【发布时间】：2011-05-24 07:26:59
【问题描述】：

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

【问题讨论】：

标签： http-headers google-chrome-devtools

【解决方案1】：

我不确定您的确切版本，但 Chrome 有一个“网络”标签，其中包含多个项目，当我点击它们时，我可以在标签中看到右侧的标题。

在 Windows 上按 F12 或在 Mac 上按 ⌥⌘I 以调出 Chrome 开发者工具。

【讨论】：

知道了，谢谢！必须重新加载页面才能查看项目。
太好了！我使用了 chrome://view-http-cache/[url] hack，但您的解决方案要好得多！
也可以试试chrome://net-internals/。
只是为了澄清上面的答案-当您单击网络选项卡时，您首先会在右侧以带有时间线图的表格格式看到概述。如果您单击左侧列表中的单个文件，您将看到上图中显示的选项卡（包括标题选项卡）。这就是@Tower 所说的“点击它们”
更多注意事项：如果您没有看到任何资源 - 查看选项卡区域（All | XHR JS 等）并选择All

【解决方案2】：

对我来说，从 Google Chrome 版本 46.0.2490.71 m 开始，标题信息区域有点隐藏。访问：

在浏览器打开时，按 F12 访问 Web Developer 工具
打开后，点击“网络”选项
最初，页面数据可能不存在/不是最新的。必要时刷新页面
观察列表中出现的页面信息。（另外，请确保选中“隐藏数据 URL”复选框旁边的“全部”）

see screenshot

【讨论】：

按照此过程，还可以： 5. 单击左侧列表中所需资源的名称。 6. 预览视图将出现在此列表右侧的面板中。上面有一些标签。单击“标题”选项卡。 7. 现在，你去！

【解决方案3】：

我在 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

【讨论】：

这没有获得 current 标头，而是获得第二个请求的标头。

【解决方案4】：

我非常喜欢 FireFox Header Spy 扩展，因此我为 Chrome 构建了一个 HTTP Spy 扩展。我以前也使用开发者工具来调试头文件，但现在我的生活好多了。

这是一个 Chrome 扩展程序，允许您在页面加载后立即查看请求、响应标头和 cookie，而无需任何额外的点击。

它还处理重定向。它带有一个不显眼的微模式，仅显示精选的响应标头和一个显示所有信息的普通模式。

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

享受吧！

【讨论】：

【解决方案5】：

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

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

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

更新：添加图片

【讨论】：

以防万一有人需要它：如果选中“显示概览”，它会列在概览下方并且可能不可见（发生在我身上）。您可以点击“隐藏概览”图标或扩展开发者工具箱
@Chris22 请看帖子中的图片
@AngelM。谢谢，好的，根据图片，“显示概览”不是复选框，而是图标。

【解决方案6】：

我知道有一个可接受的答案，但我建议

Talend API Tester - 适用于 Chrome 的 REST 客户端扩展。

示例：

响应以与请愿相同的方式显示标题

【讨论】：

【解决方案7】：

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

在Chrome中，访问一个URL（如https://www.google.com），右击，选择Inspect打开开发者工具。
选择网络选项卡。
重新加载页面，在左侧面板中选择任意一个 HTTP 请求，右侧面板会显示 HTTP 标头。

【讨论】：

【解决方案8】：

对于版本 78.0.3904.87，操作系统 = Windows 7，64 位 PC

步骤：

按 F12
选择网络选项卡
选择 XHR
在 Name 下 --> 你可以看到所有的 XHR 请求。
要查看特定 XHR 请求的请求标头，请单击该请求。有关该 XHR 请求的所有详细信息都将显示在右侧。

【讨论】：

【解决方案9】：

在 Chrome 中，右键单击屏幕并选择检查

选择网络标签

然后按Ctrl + R可以看到Name、Header、Response等标签

【讨论】：