在哪里查看 Chrome 中发送的标头

当我们开发 web 应用或调试网络请求时，需要查看浏览器发送的请求头信息。对于 Chrome 浏览器，以下是几种查看请求头信息的方法。

Chrome DevTools

Network 面板

在 Chrome DevTools 中，我们可以打开 Network 面板，查看请求头及响应头信息。

步骤如下：

1. 打开 Chrome DevTools（F12 或 Ctrl+Shift+I）。
2. 点击 Network 面板。
3. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
4. 查看请求列表中的某一项，点击 Headers 标签页，便可查看请求头信息。

示例代码片段：

### Network 面板

1. 打开 Chrome DevTools（`F12` 或 `Ctrl+Shift+I`）。
2. 点击 Network 面板。
3. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
4. 查看请求列表中的某一项，点击 Headers 标签页，便可查看请求头信息。

Console 面板

我们还可以在 Console 面板使用 console.log() 方法输出请求头信息。

步骤如下：

1. 打开 Chrome DevTools（F12 或 Ctrl+Shift+I）。
2. 点击 Console 面板。
3. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
4. 在 Console 面板中输入 console.log(xhr.getAllResponseHeaders())，便可查看请求头信息。

示例代码片段：

### Console 面板

1. 打开 Chrome DevTools（`F12` 或 `Ctrl+Shift+I`）。
2. 点击 Console 面板。
3. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
4. 在 Console 面板中输入 `console.log(xhr.getAllResponseHeaders())`，便可查看请求头信息。

Chrome 插件

ModHeader

ModHeader 是一款 Chrome 插件，可以方便地修改请求头、响应头信息。

步骤如下：

1. 在 Chrome 浏览器上安装 ModHeader 插件。
2. 在浏览器工具栏中点击 ModHeader 图标，打开插件界面。
3. 修改请求头信息，可以加入新的请求头信息、修改原有请求头信息、删除请求头信息等。
4. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
5. 查看修改后的请求头信息。

示例代码片段：

### ModHeader

1. 在 Chrome 浏览器上安装 ModHeader 插件。
2. 在浏览器工具栏中点击 ModHeader 图标，打开插件界面。
3. 修改请求头信息，可以加入新的请求头信息、修改原有请求头信息、删除请求头信息等。
4. 发起网络请求，可以通过点击页面上相关链接或地址栏输入网址模拟发起请求。
5. 查看修改后的请求头信息。

总的来说，以上方法都是非常便捷的查看 Chrome 发送的标头信息的方式。选择其中一种最适合自己的方法即可。