先说个实用技巧：网页加载到一半卡住了，按钮没反应，或接口数据莫名其妙。

最直接的排查方式，就是把完整的网络请求过程导出成HAR文件，交给后端或技术支持分析。

HAR文件就像网络通信的“黑匣子”。它能真实还原每一次HTTP/HTTPS请求的URL、请求头、响应正文、状态码、Cookie和时间戳——而且完全不需要安装任何第三方插件。

所以，如果想把出问题的页面完整“打包”下来，你只需要做好以下几步。

打开并激活Network面板

打开出问题的页面，按 F12 或 Ctrl+Shift+I（Windows/Linux）/ Cmd+Option+I（macOS），调出开发者工具。

注意：不要直接用鼠标右键“检查”代替，因为那样不一定自动聚焦到Network面板。

接着，点击顶部标签栏中的 Network 选项卡。确认你看到的是网络请求列表区域——那是捕捉所有流量的主战场。

同时，注意左上角的圆形按钮：必须是红色，才是开启录制的唯一视觉标识。如果是灰色的，所有请求都不会被捕获，录制也就无法进行。

配置关键捕获参数

这一环节，有两个参数直接影响导出内容的质量。

• 勾选左上角的 Preserve log 复选框——这是“保命”设置：页面跳转后日志不会被清空。不勾选的话，多步操作最终只会留下最后一页的请求，前面的都会被丢弃。
• 点击右上角的齿轮图标（Settings），在弹出的面板中确认已启用 Disable cache when DevTools is open。缓存未禁用时，部分资源会显示为 from disk cache 或 from memory cache，导致HAR中缺失真实的响应体内容。换句话说，你拿到的可能是个“空壳”。

【重要前提】 如果目标接口返回的是敏感数据（比如用户手机号、token、身份证号），那就别在登录态下直接录制整站流量。正确的做法是：先完成登录，再打开DevTools，然后刷新页面开始录制。这样既收录了真实网络状况，又避免了敏感数据暴露。

触发并完成请求录制

操作路径很清晰，分四步走：

• 第一步：点击Network面板左上角的灰色圆形按钮，确保它变为红色——这是开启录制的前提。
• 第二步：点击左上角的清除按钮（带对角线的圆圈图标），清空已有日志，避免干扰。
• 第三步：在当前网页中完整复现刚才出问题的操作路径——比如点击某个按钮、提交表单、滚动到底部触发懒加载。所有交互产生的HTTP/HTTPS请求都会实时记录在面板中。
• 第四步：确认所有目标请求已出现在列表里。尤其检查状态码是否出现4xx/5xx的失败请求，或响应体为空的异常项。如果都没有，说明你已经成功捕获到了出问题的关键请求。

导出完整HAR文件

方法一：在Network面板空白处右键 → 选择 Sa ve all as HAR with content。

方法二：点击右上角三个点菜单 → Sa ve all as HAR with content。

保存时，文件后缀必须是 .har，同时务必勾选 with content 选项。若误选了 Sa ve as HAR without content，导出的文件将不含响应体——那就等于白费工夫，因为后端根本没法根据它判断接口返回是否正常。

《夸克》非常好用的免费AI浏览器

下载APP查看