Dale St. Marthe
使用 Network 面板分析网页加载和检查网络资源。
概览
通过 Network 面板，您可以：
- 记录网络活动
- 检查网络请求
- 对网络请求进行过滤和排序
- 搜索网络标头和响应
- 更改加载行为
- 屏蔽网络请求
- 更改网络条件
- 调试
prefetch推测规则 - 替换 HTTP 响应标头
- 使用通配符替换多个网址的标头。
- 保存和导出网络请求数据
有关探索部分最常用的网络面板功能的指导教程，请查看检查网络活动。
打开“网络”面板
如需打开 Network 面板，请打开开发者工具，然后点击顶部操作栏中的 Network。
或者，要通过命令菜单打开网络面板，请按以下步骤操作：
- 打开开发者工具。
- 按如下键打开命令菜单：
- macOS：Command + Shift + P
- Windows、Linux、ChromeOS：Ctrl + Shift + P
- 开始输入
Network，选择显示网络面板，然后按 Enter 键。
录制网络活动
当您打开开发者工具时，只要开发者工具已打开，网络请求就会自动记录在 Network 面板中。
除了录制，您还可以执行以下操作：
- 停止记录网络请求。
- 清除 Requests 表格中的所有请求。
- 跨网页加载保存请求。
- 模拟离线体验。
- 模拟速度较慢的网络连接。
检查网络请求
所有网络请求都会记录在面板中央的 Requests 表格中。
如需详细了解默认显示的列以及您可以添加的其他列，请参阅查看请求日志。
点击某项请求的名称，查看相关标签页，其中包含有关该请求的其他信息，包括：
- Headers：所选资源的 HTTP 标头。
- 载荷：请求的查询字符串参数和表单数据。
- 预览：HTML 的基本呈现。
- 响应：所选资源的 HTML 源代码。
- 发起者：导致请求资源的原因。
- 时间：所选资源的网络活动细分数据。
- Cookie：请求及其响应的 Cookie。
对网络请求进行过滤和排序
Network 面板为您提供了两种对 Requests 表格中的请求进行排序的方法：
您可以通过以下几种方法在 Requests 表中过滤请求：
搜索网络标头和响应
要了解如何在特定字符串或正则表达式中搜索所有资源的 HTTP 标头和响应，请参阅搜索网络标头和响应。
更改加载行为
您可以通过在网络面板中更改加载行为来测试网页的用户体验。
使用网络面板，您可以执行以下操作：
保存和导出网络请求数据
如需保存和导出网络请求数据，请参阅以下内容：