谷歌浏览器开发者工具的Network面板可详细分析网页加载过程中的网络活动。通过快捷键Command + Option + I打开工具，进入Network标签，刷新页面即可捕获所有请求。点击具体条目可查看Headers、Response、Preview和Timing等信息，涵盖请求响应头、返回内容及加载耗时。勾选Preserve log并保存为HAR文件，便于后续分析。还可通过Postman Interceptor或Web Scraper等扩展增强请求捕获与调试能力。
如果您需要分析网页加载过程中的网络活动，例如查看某个资源的请求和响应数据，谷歌浏览器内置的开发者工具可以提供详细的网络请求信息。通过该工具，您可以检查请求头、响应内容、加载时间等关键指标。
本文运行环境：MacBook Pro，macOS Sonoma
一、使用开发者工具的Network面板
Network面板是谷歌浏览器中用于监控所有网络活动的核心工具，能够记录页面加载过程中发起的所有HTTP请求，并提供详细的请求与响应信息。
1、按下 Command + Option + I 快捷键打开开发者工具，或点击浏览器右上角菜单，依次选择“更多工具” > “开发者工具”。
2、在开发者工具顶部标签栏中，点击 Network 选项进入网络面板。
3、刷新当前页面，使浏览器开始捕获完整的网络请求列表，所有资源如HTML、CSS、JS、图片等将逐条显示。
4、在请求列表中点击任意一条记录，右侧将展开详细信息区域，包含Headers、Preview、Response、Timing等子标签。
5、在 Headers 标签中可查看该请求的请求头（Request Headers）和响应头（Response Headers）。
6、切换至 Response 标签，可查看服务器返回的原始响应内容，适用于检查API接口返回的JSON数据。
7、点击 Preview 标签，可查看响应内容的格式化预览，便于阅读结构化数据。
8、在 Timing 标签中可查看单个请求的生命周期，包括排队、DNS解析、传输等各阶段耗时。
二、保存并导出网络请求日志
为了便于后续分析或提交给开发团队进行问题排查，可以将捕获的网络请求数据保存为HAR文件，该文件包含了完整的请求与响应记录。
1、在Network面板中，勾选 Preserve log 复选框，确保在页面跳转或刷新时保留历史请求记录。
2、执行需要监控的操作流程，例如登录、提交表单或加载特定内容。
3、操作完成后，右键点击请求列表中的任意条目。
4、从上下文菜单中选择 Save all as HAR with content 选项。
5、在弹出的文件保存对话框中选择本地存储路径，并确认保存，生成的HAR文件可用其他分析工具打开查阅。
三、利用扩展程序增强网络请求分析能力
某些浏览器扩展程序可以增强默认开发者工具的功能，提供更便捷的请求拦截、修改和重放功能，适合高级调试场景。
1、访问Chrome网上应用店，搜索并安装 Postman Interceptor 扩展程序。
2、安装完成后，在浏览器工具栏中点击其图标以激活。
3、启动Postman桌面应用，并启用Interceptor连接。
4、在浏览器中进行操作，Postman可捕获相关请求并允许您在应用内查看、编辑和重新发送这些请求。
5、另一种选择是安装 Web Scraper 扩展，它不仅能记录请求，还支持自动化抓取数据并导出为CSV等格式。
