网络功能参考

Kayce Basques

Sofia Emelianova

在这份关于 Chrome DevTools 网络分析功能的全面参考资料中，了解分析网页加载方式的新方法。

记录网络请求

默认情况下，只要开发者工具处于打开状态，它就会在网络面板中记录所有网络请求。

停止记录网络请求

如需停止记录请求，请执行以下操作：

• 点击网络面板中的停止录制网络日志图标 。该按钮会变为灰色，表示开发者工具不再记录请求。
• 在网络面板处于焦点状态时，按 Command> + E (Mac) 或 Control + E (Windows、Linux)。

清除请求

点击网络面板上的清除图标，即可清除请求表格中的所有请求。

在网页加载过程中保存请求

如需在网页加载期间保存请求，请选中网络面板上的保留日志复选框。 在您停用保留日志之前，DevTools 会保存所有请求。

在网页加载期间截取屏幕截图

截取屏幕截图，以便分析用户在等待网页加载时看到的内容。

如需启用屏幕截图，请在网络面板中打开设置 ，然后选中截取屏幕截图。

在网络面板处于焦点状态时重新加载页面，以捕获屏幕截图。

截取屏幕截图后，您可以通过以下方式与屏幕截图互动：

• 将鼠标悬停在屏幕截图上，即可查看该屏幕截图的拍摄时间点。概览时间轴上会显示一条黄线。
• 点击屏幕截图的缩略图，过滤掉在拍摄屏幕截图后发生的所有请求。
• 双击缩略图可放大该缩略图。

重放 XHR 请求

如需重放 XHR 请求，请在请求表格中执行以下操作之一：

• 选择相应请求，然后按 R。
• 右键点击相应请求，然后选择 Replay XHR。

更改加载行为

通过停用浏览器缓存来模拟初访者

如需模拟初次访问者体验您网站的方式，请选中停用缓存复选框。 开发者工具会停用浏览器缓存。这样可以更准确地模拟首次用户的体验，因为在重复访问时，请求是从浏览器缓存中提供的。

通过“网络状况”抽屉停用浏览器缓存

如果您想在其他开发者工具面板中工作时停用缓存，请使用网络状况抽屉式窗格。

1. 点击 图标以打开网络状况抽屉式导航栏。
2. 选中或清除停用缓存复选框。

手动清除浏览器缓存

如需随时手动清除浏览器缓存，请右键点击请求表中的任意位置，然后选择清除浏览器缓存。

模拟离线状态

有一类新的 Web 应用称为渐进式 Web 应用，它们可以在 Service Worker 的帮助下离线运行。在构建此类应用时，能够快速模拟没有数据连接的设备非常有用。

如需模拟完全离线的网络体验，请从停用缓存复选框旁边的网络限速下拉菜单中选择离线。

开发者工具会在网络标签页旁边显示一个警告图标，提醒您已启用离线模式。

模拟网络连接速度缓慢

如需模拟快速 4G、慢速 4G 或 3G，请从顶部操作栏的节流下拉菜单中选择相应的预设。

开发者工具会在网络面板旁边显示一个警告图标，提醒您节流已启用。

创建自定义节流配置文件

除了预设（例如“慢速 4G”或“快速 4G”）之外，您还可以添加自己的自定义节流配置文件：

1. 打开节流菜单，然后依次选择自定义 > 添加…。
2. 按照设置 设置 > 节流中的说明设置新的节流配置文件。

3. 返回网络面板，从节流下拉菜单中选择新配置文件。

   

开发者工具会在网络面板旁边显示 警告图标，提醒您已启用节流。

限制 WebSocket 连接

除了 HTTP 请求之外，自版本 99 起，开发者工具还会限制 WebSocket 连接。

如需观察 WebSocket 节流，请执行以下操作：

1. 启动新连接，例如使用测试工具。
2. 在网络面板中，选择无节流，然后通过连接发送消息。
3. 创建非常慢的自定义节流配置文件，例如 10 kbit/s。这种慢速个人资料有助于您注意到差异。
4. 在网络面板中，选择相应个人资料，然后发送另一条消息。
5. 切换 WS 过滤条件，点击连接名称，打开 Messages 标签页，然后检查在有节流和无节流的情况下，发送的消息与回显的消息之间的时间差。例如：

通过“网络状况”抽屉式菜单模拟网络连接速度较慢的情况

如果您想在其他开发者工具面板中工作时限制网络连接，请使用网络状况抽屉式窗格。

1. 点击 图标以打开网络状况抽屉式导航栏。
2. 从网络限速菜单中选择连接速度。

手动清除浏览器 Cookie

如需随时手动清除浏览器 Cookie，请右键点击请求表中的任意位置，然后选择清除浏览器 Cookie。

覆盖 HTTP 响应标头

请参阅在本地替换文件和 HTTP 响应标头。

替换用户代理

如需手动替换用户代理，请执行以下操作：

1. 点击 图标以打开网络状况抽屉式导航栏。
2. 清除自动选择。
3. 从菜单中选择一个用户代理选项，或在框中输入自定义用户代理。

搜索请求

如需搜索请求标头、载荷和响应，请执行以下操作：

1. 按以下快捷键可在右侧打开搜索标签页：

   • 在 macOS 上，按 Command + F。
   • 在 Windows 或 Linux 上，按 Ctrl + F。

2. 在搜索标签页中，输入查询内容，然后按 Enter 键。您可以根据需要点击 match_case 或 regular_expression，以分别启用区分大小写或正则表达式。

3. 点击其中一条搜索结果。网络面板会以黄色突出显示匹配的请求。此外，该面板还会打开标头或响应标签页，并突出显示其中匹配的字符串（如果有）。

如需刷新搜索结果，请点击刷新 刷新。如需清除结果，请依次点击屏蔽 清除。

如需详细了解在开发者工具中进行搜索的所有方式，请参阅搜索：在所有已加载的资源中查找文本。

过滤请求

按属性过滤请求

使用过滤条件框按属性（例如请求的网域或大小）过滤请求。

如果您看不到该框，可能是因为过滤条件栏处于隐藏状态。请参阅隐藏“过滤条件”栏。

如需反转过滤条件，请选中过滤条件框旁边的反转复选框。

您可以使用多个属性，只需用空格分隔每个属性即可。例如，mime-type:image/gif larger-than:1K 会显示所有大于 1 KB 的 GIF。 这些多属性过滤条件等效于 AND 操作。不支持 OR 操作。

接下来是受支持属性的完整列表。

• cookie-domain. 显示设置了特定 Cookie 网域的资源。
• cookie-name. 显示设置了特定 cookie 名称的资源。
• cookie-path。显示设置了特定 Cookie 路径的资源。
• cookie-value。显示设置了特定 Cookie 值的资源。
• domain。仅显示来自指定网域的资源。您可以使用通配符 (*) 来包含多个网域。例如，*.com 会显示所有以 .com 结尾的域名中的资源。开发者工具会使用其遇到的所有网域填充自动补全下拉菜单。
• has-overrides。显示已替换 content、headers、任何替换值 (yes) 或没有替换值 (no) 的请求。您可以将相应的有替换值列添加到请求表格中。
• has-response-header. 显示包含指定 HTTP 响应标头的资源。 开发者工具会使用其遇到的所有响应标头填充自动完成下拉菜单。
• is。使用 is:running 查找 WebSocket 资源。
• larger-than。显示大于指定大小（以字节为单位）的资源。设置 1000 的值相当于设置 1k 的值。
• method。显示通过指定 HTTP 方法类型检索到的资源。开发者工具会使用其遇到的所有 HTTP 方法填充自动完成下拉菜单。
• mime-type。显示指定 MIME 类型的资源。开发者工具会使用其遇到的所有 MIME 类型填充自动补全下拉菜单。
• mixed-content。显示所有混合内容资源 (mixed-content:all) 或仅显示那些已显示的资源 (mixed-content:displayed)。
• priority。显示优先级级别与指定值匹配的资源。
• resource-type。显示特定资源类型的资源，例如图片。DevTools 会使用其遇到的所有资源类型填充自动补全下拉菜单。
• response-header-set-cookie. 在“问题”标签页中显示原始 Set-Cookie 标头。网络面板中会标记包含错误 Set-Cookie 标头的格式有误的 Cookie。
• scheme。显示通过不受保护的 HTTP (scheme:http) 或受保护的 HTTPS (scheme:https) 检索的资源。
• set-cookie-domain。显示具有 Set-Cookie 标头和 Domain 属性（与指定值匹配）的资源。开发者工具会使用其遇到的所有 Cookie 网域填充自动补全功能。
• set-cookie-name。显示具有 Set-Cookie 标头且名称与指定值匹配的资源。开发者工具会使用其遇到的所有 Cookie 名称填充自动完成功能。
• set-cookie-value。显示具有 Set-Cookie 标头且其值与指定值匹配的资源。开发者工具会使用其遇到的所有 Cookie 值填充自动完成功能。
• status-code。仅显示 HTTP 状态代码与指定代码匹配的资源。开发者工具会使用其遇到的所有状态代码填充自动补全下拉菜单。
• url。显示 url 与指定值匹配的资源。

按类型过滤请求

如需按资源类型过滤请求，请点击网络面板上的全部、Fetch/XHR、JS、CSS、Img、媒体、字体、文档、WS (WebSocket)、Wasm (WebAssembly)、清单或其他（此处未列出的任何其他类型）按钮。

如果您看不到这些按钮，可能是因为过滤条件操作栏处于隐藏状态。请参阅隐藏“过滤条件”栏。

如需同时显示多种类型的资源，请按住 Command 键 (Mac) 或 Control 键（Windows、Linux），然后点击多个类型过滤条件。

按时间过滤请求

在概览时间轴上向左或向右拖动，即可仅显示在该时间范围内处于活动状态的请求。相应过滤条件是包含性过滤条件。系统会显示突出显示的时间段内处于有效状态的所有请求。

隐藏数据网址

数据网址是嵌入到其他文档中的小型文件。您在请求表格中看到的任何以 data: 开头的请求都是数据网址。

如需隐藏这些请求，请在过滤条件操作栏中，依次选择更多过滤条件 > check_box 隐藏数据网址。

底部的状态栏会显示已显示的请求数（占总数的百分比）。

隐藏扩展程序网址

为了专注于您编写的代码，您可以过滤掉 Chrome 中已安装的扩展程序发送的相关性较低的请求。扩展请求的网址以 chrome-extension:// 开头。

如需隐藏扩展网址，请在过滤条件操作栏中，依次选择更多过滤条件 > check_box 隐藏扩展网址。

底部的状态栏会显示已显示的请求数（占总数的百分比）。

仅显示带有被屏蔽的响应 Cookie 的请求

如需过滤掉所有内容，仅显示因任何原因而导致响应 Cookie 被屏蔽的请求，请在过滤条件操作栏中，依次选择更多过滤条件 > check_box 被屏蔽的响应 Cookie。

底部的状态栏会显示已显示的请求数（占总数的百分比）。

如需了解响应 Cookie 被屏蔽的原因，请选择相应请求，打开其 Cookies 标签页，然后将鼠标悬停在信息图标上。

此外，网络面板会在因 Chrome flag 或配置而被屏蔽的 Cookie 所对应的请求旁边显示一个警告图标。将鼠标悬停在该图标上可查看包含提示的工具提示，点击该图标可前往问题面板了解详情。

仅显示已屏蔽的请求

如需过滤掉除被屏蔽的请求之外的所有内容，请在过滤条件操作栏中，依次选择更多过滤条件 > check_box 被屏蔽的请求。如需测试此功能，您可以使用抽屉中的网络请求屏蔽标签页。

请求表格会以红色突出显示被屏蔽的请求。底部的状态栏会显示已显示的请求数（占总数的百分比）。

仅显示第三方请求

如需过滤掉除来源与网页来源不同的请求之外的所有内容，请在过滤条件操作栏中，依次选择更多过滤条件 > check_box 第三方请求。

底部的状态栏会显示已显示的请求数（占总数的百分比）。

排序请求

默认情况下，请求表中的请求按发起时间排序，但您可以使用其他条件对该表进行排序。

按列排序

点击请求表格中的任意列标题，即可按该列对请求进行排序。

按活动阶段排序

如需更改瀑布流对请求的排序方式，请右键点击“请求”表的标题，将光标悬停在瀑布流上，然后选择以下选项之一：

• 开始时间。最先发起的请求位于顶部。
• 响应时间。开始下载的第一个请求位于顶部。
• 结束时间。最先完成的请求位于顶部。
• 总时长。连接设置和请求 / 响应时间最短的请求位于顶部。
• 延迟时间。等待响应时间最短的请求位于顶部。

以下说明假定每种相应选项的排名是从最短到最长。点击瀑布图列的标题可反转顺序。

在此示例中，瀑布流按总时长排序。每个条形的浅色部分表示等待时间。较深的部分是下载字节所花费的时间。

分析请求

只要开发者工具处于打开状态，它就会在网络面板中记录所有请求。使用网络面板分析请求。

查看请求日志

您可以使用请求表查看开发者工具打开期间发出的所有请求的日志。点击或将鼠标悬停在请求上可显示有关这些请求的更多信息。

默认情况下，“请求”表格会显示以下列：

• 名称。资源的相应文件名或标识符。

• 状态。此列可显示以下值：

  

  • HTTP 状态代码，例如 200 或 404。
  • CORS error，用于因跨域资源共享 (CORS) 而失败的请求。
  • 对于标头配置有误的请求，返回 (blocked:origin)。将鼠标悬停在此状态值上，即可看到一个工具提示，其中包含有关出错原因的提示。
  • (failed)，后跟错误消息。

• 类型。所请求资源的 MIME 类型。

• 发起者。以下对象或进程可以发起请求：

  • 解析器。Chrome 的 HTML 解析器。
  • 重定向。HTTP 重定向。
  • 脚本。JavaScript 函数。
  • 其他。其他进程或操作，例如使用链接导航到某个网页或在地址栏中输入网址。

• 大小。服务器传送的响应标头和响应正文的总大小。

• 时间。从请求开始到收到响应中的最后一个字节的总时长。

• 瀑布流。直观显示每个请求的活动。

添加或删除列

右键点击请求表的标题，然后选择一个选项以隐藏或显示该表。显示的选项旁边带有对勾标记。

您可以添加或移除以下附加列：路径、网址、方法、协议、方案、网域、远程地址、远程地址空间、发起方地址空间、Cookie、设置 Cookie、优先级、连接 ID、有替换项和瀑布。

添加自定义列

如需向请求表格添加自定义列，请执行以下操作：

1. 右键点击请求表的标题，然后依次选择响应标头 > 管理标头列。
2. 在对话框窗口中，点击添加自定义标头，输入其名称，然后点击添加。

按内嵌框架对请求分组

如果网页上的内嵌框架发起大量请求，您可以将这些请求分组，使请求日志更易于查看。

如需按 iframe 对请求进行分组，请在网络面板中打开设置 ，然后选中 check_box Group by frame（按框架分组）。

如需查看由内嵌框架发起的请求，请在请求日志中展开该请求。

查看请求之间的相对时间

使用瀑布图查看请求之间的时序关系。默认情况下，瀑布图按请求的开始时间进行整理。因此，越靠左的请求开始时间越早，越靠右的请求开始时间越晚。

如需了解对瀑布图进行排序的不同方式，请参阅按活动阶段排序。

分析 WebSocket 连接的消息

如需查看 WebSocket 连接的消息，请执行以下操作：

1. 在请求表的名称列下，点击 WebSocket 连接的网址。
2. 点击消息标签页。该表格显示了最近 100 条消息。

如需刷新表格，请重新点击请求表格的名称列下的 WebSocket 连接名称。

该表格包含三列：

• Data 类中定义的列名称。消息载荷。如果消息是纯文本，则会显示在此处。对于二进制操作码，此列会显示操作码的名称和代码。支持以下操作码：Continuation Frame、Binary Frame、Connection Close Frame、Ping Frame 和 Pong Frame。
• 长度。消息载荷的长度（以字节为单位）。
• 时间。消息的接收或发送时间。

消息会根据其类型进行颜色编码：

• 发送的短信为浅绿色。
• 收到的短信为白色。
• WebSocket 操作码为浅黄色。
• 错误为浅红色。

分析数据流中的事件

如需查看服务器通过 Fetch API、EventSource API 和 XHR 流式传输的事件，请执行以下操作：

1. 在流式传输事件的网页上记录网络请求。
2. 在网络中，选择一个请求，然后打开 EventStream 标签页。

如需过滤事件，请在 EventStream 标签页顶部的过滤栏中指定正则表达式。

如需清除捕获的事件列表，请依次点击块 清除。

查看响应正文的预览

如需查看响应正文的预览，请执行以下操作：

1. 点击请求表的名称列下的请求网址。
2. 点击预览标签页。

此标签页主要用于查看图片。

查看响应正文

如需查看对请求的响应正文，请执行以下操作：

1. 在“请求”表的名称列下，点击相应请求的网址。
2. 点击响应标签页。

查看 HTTP 标头

如需查看请求的 HTTP 标头数据，请执行以下操作：

1. 点击请求表格中的相应请求。
2. 打开标头标签页，然后向下滚动到常规、响应标头、请求标头和（可选）早期提示标头部分。

在常规部分中，开发者工具会在收到的 HTTP 状态代码旁边显示人类可读的状态消息。

在响应标头部分，您可以将鼠标悬停在某个标头值上，然后点击修改 修改按钮，以在本地替换响应标头。

查看 HTTP 标头来源

默认情况下，“标头”标签页会按字母顺序显示标头名称。如需按接收顺序查看 HTTP 标头名称，请执行以下操作：

1. 打开所需请求的标头标签页。请参阅查看 HTTP 标头。
2. 点击查看来源（位于请求标头或响应标头部分旁边）。

预配标头警告

有时，标头标签页会显示 Provisional headers are shown... 警告消息。原因可能如下：

• 相应请求并非通过网络发送，而是从本地缓存提供，其中不会存储原始请求标头。在这种情况下，您可以停用缓存，以查看完整的请求标头。

• 网络资源无效。例如，在控制台中执行 fetch("https://jec.fish.com/unknown-url/")。

出于安全考虑，开发者工具也可能仅显示临时标头。

查看请求载荷

如需查看请求的载荷（即查询字符串参数和表单数据），请从请求表格中选择一个请求，然后打开载荷标签页。

查看载荷来源

默认情况下，开发者工具会以易于理解的格式显示载荷。

如需查看查询字符串参数和表单数据来源，请在载荷标签页中，点击查询字符串参数或表单数据部分旁边的查看来源。

查看网址查询字符串参数的已解码实参

如需切换参数的网址编码，请在 Payload 标签页上点击查看解码或查看网址编码。

查看 Cookie

如需查看在请求的 HTTP 标头中发送的 Cookie，请执行以下操作：

1. 在“请求”表的名称列下，点击相应请求的网址。
2. 点击 Cookies 标签。

如需了解每个列的说明，请参阅字段。

如需修改 Cookie，请参阅查看、修改和删除 Cookie。

查看请求的时序细分

如需查看请求的时间细分，请执行以下操作：

1. 点击请求表的名称列下的请求网址。
2. 点击时间标签页。

如需了解如何更快速地访问这些数据，请参阅预览时间细分数据。

如需详细了解您可能在时间标签页中看到的各个阶段，请参阅时间细分阶段说明。

预览时间安排细分数据

如需查看请求的时序细分预览，请将光标悬停在“请求”表的瀑布图列中相应请求的条目上。

如需了解无需悬停即可访问此数据的方法，请参阅查看请求的时序细分。

时间安排细分阶段说明

以下是您可能会在时间标签页中看到的各个阶段的更多信息：

• 排队。浏览器会在连接开始之前以及在以下情况下将请求加入队列：
  • 有优先级更高的请求。请求优先级由多种因素决定，例如资源类型及其在文档中的位置。如需了解详情，请参阅 fetchpriority 指南的资源优先级部分。
  • 此来源已打开 6 个 TCP 连接，达到上限。（仅适用于 HTTP/1.0 和 HTTP/1.1。）
  • 浏览器正在磁盘缓存中短暂分配空间。
• Stalled。连接开始后，请求可能会因排队中所述的任何原因而停滞。
• DNS 查询。浏览器正在解析请求的 IP 地址。
• 初始连接。浏览器正在建立连接，包括 TCP 握手或重试以及协商 SSL。
• 代理协商。浏览器正在与代理服务器协商请求。
• 已发送请求。正在发送请求。
• ServiceWorker 准备。浏览器正在启动服务工作线程。
• 向 ServiceWorker 发出的请求。请求正在发送到服务工作线程。
• 等待中 (TTFB)。浏览器正在等待响应的第一个字节。TTFB 是“Time To First Byte”（第一字节时间）的缩写。此时间包括 1 个往返延迟时间和服务器准备响应所用的时间。
• 内容下载。浏览器正在接收响应，无论是直接从网络接收还是从 Service Worker 接收。此值是读取响应正文所花费的总时间。如果该值大于预期值，可能表示网络速度较慢，或者浏览器正忙于执行其他工作，导致延迟读取响应。

查看启动器和依赖项

如需查看请求的启动者和依赖项，请按住 Shift 键，然后将光标悬停在“请求”表格中的相应请求上。开发者工具会将发起者标记为绿色，将依赖项标记为红色。

当请求表按时间顺序排列时，您悬停的请求上方的第一个绿色请求是依赖关系的启动者。如果上方还有另一个绿色请求，则该更高级别的请求是发起者的发起者。等等。

查看加载事件

开发者工具会在网络面板上的多个位置显示 DOMContentLoaded 和 load 事件的计时。DOMContentLoaded 事件为蓝色，load 事件为红色。

查看请求总数

请求总数会列在“网络”面板底部的状态栏中。

注意： 注意：此数字仅跟踪自开发者工具打开以来已记录的请求。如果在打开开发者工具之前发生了其他请求，则这些请求不会计入。

查看已传输和已加载资源的总大小

开发者工具会在网络面板底部的状态栏中列出已传输和已加载（未压缩）资源的总大小。

注意： 注意：此数字仅跟踪自开发者工具打开以来已记录的请求。如果在打开开发者工具之前发生了其他请求，则这些请求不会计入。

如需了解浏览器解压缩资源后资源的大小，请参阅查看资源的未压缩大小。

查看导致请求的堆栈轨迹

当 JavaScript 语句导致请求资源时，将鼠标悬停在 Initiator 列上，即可查看导致该请求的堆栈轨迹。

查看资源的未压缩大小

依次前往设置 > 大请求行，然后查看大小列的底部值。

在此示例中，通过网络发送的 www.google.com 文档的压缩大小为 43.8 KB，而未压缩大小为 136 KB。

导出请求数据

您可以按以下几种方式导出或复制应用了过滤条件的请求列表。

将所有网络请求保存到 HAR 文件

HAR（HTTP 归档）是一种文件格式，多种 HTTP 会话工具都使用它来导出捕获的数据。这种格式是 JSON 对象，并具有一组特定的字段。

为了降低意外泄露敏感信息的可能性，默认情况下，您可以导出“已清理”的 HAR 格式的网络日志，其中不包含 Cookie、Set-Cookie 和 Authorization 标头等敏感信息。如果需要，您还可以导出包含敏感数据的日志。

如需将所有网络请求保存到 HAR 文件，请选择以下两种方式之一：

• 右键点击请求表中的任意请求，然后依次选择复制 > 将所有 [列出的] 内容另存为 HAR（已清理）或将所有 [列出的] 内容另存为 HAR（包含敏感数据）。

  

• 点击网络面板顶部操作栏中的下载 导出 HAR（已清理）...。

  如需导出包含敏感数据的文件，请先依次开启设置 设置 > 偏好设置 > 网络 > check_box 允许生成包含敏感数据的 HAR，然后点击下载 导出按钮，并从下拉菜单中选择导出 HAR（包含敏感数据）。

  

获得 HAR 文件后，您可以通过以下两种方式将其重新导入开发者工具以进行分析：

• 将 HAR 文件拖放到请求表格中。
• 在网络面板顶部的操作栏中，依次点击上传 导入 HAR。

注意：网络面板会读取并显示从 HAR 文件导入的请求的发起者。

将一个请求、一组过滤后的请求或所有请求复制到剪贴板

在请求表的名称列下，右键点击某个请求，将鼠标悬停在复制上，然后选择以下选项之一。

如需复制单个请求、其响应或堆栈轨迹，请执行以下操作：

• 复制网址。将请求的网址复制到剪贴板。
• 复制为 c网址。将请求复制为 c网址 命令。
• 以 PowerShell 格式复制。将请求复制为 PowerShell 命令。
• 复制为 fetch 请求。将请求复制为 fetch 调用。
• 复制为 fetch (Node.js)。将请求复制为 Node.js fetch 调用。
• 复制回答。将响应正文复制到剪贴板。
• 复制堆栈轨迹。将请求的堆栈轨迹复制到剪贴板。

如需复制所有请求，请执行以下操作：

• 复制所有网址。将所有请求的网址复制到剪贴板。
• 以 c网址 格式复制全部内容。将所有请求复制为一系列 c网址 命令。
• 以 PowerShell 格式复制全部内容。将所有请求复制为一系列 PowerShell 命令。
• 以提取格式复制全部内容。将所有请求复制为一系列 fetch 调用。
• 以提取格式复制全部内容 (Node.js)。将所有请求复制为一系列 Node.js fetch 调用。
• 以 HAR 格式复制所有数据（已清理）。将所有请求复制为 HAR 数据，但不包含 Cookie、Set-Cookie 和 Authorization 标头等敏感数据。
• 以 HAR 格式复制所有数据（包含敏感数据）。以包含敏感数据的 HAR 数据格式复制所有请求。

如需复制过滤后的请求集，请对网络日志应用过滤条件，右键点击某个请求，然后选择：

• 复制所有列出的网址。将所有已过滤请求的网址复制到剪贴板。
• 以 c网址 格式复制所有列出的项。将所有过滤后的请求复制为一系列 c网址 命令。
• 以 PowerShell 格式复制所有列出的项。将所有过滤后的请求复制为一系列 PowerShell 命令。
• 以提取格式复制所有列出的项。将所有已过滤的请求复制为一系列提取调用。
• 以提取格式 (Node.js) 复制所有列出的项。将所有已过滤的请求复制为一系列 Node.js fetch 调用。
• 以 HAR 格式复制列出的所有数据（已清理）。以 HAR 数据格式复制所有过滤后的请求，但不包含 Cookie、Set-Cookie 和 Authorization 标头等敏感数据。
• 以 HAR 格式复制列出的所有数据（包含敏感数据）。以 HAR 数据格式复制所有过滤后的请求（包含敏感数据）。

更改“网络”面板的布局

展开或收起网络面板界面中的各个部分，以便专注于对您而言重要的内容。

隐藏“过滤条件”操作栏

默认情况下，开发者工具会在网络面板顶部显示过滤条件栏。点击 filter_alt 过滤即可将其隐藏。

使用大量请求行

如果您希望网络请求表中的空白空间更多，请使用大行。使用大行时，某些列还会提供更多信息。例如，“大小”列的底部值是请求的未压缩大小，“优先级”列显示初始（底部值）和最终（顶部值）提取优先级。

打开设置 ，然后点击大请求行以查看大行。

隐藏概览轨道

默认情况下，开发者工具会显示概览轨道。打开设置 ，然后清除显示概览复选框以隐藏它。