必须导出带响应体的HAR文件以提供完整网络证据,操作包括:激活Network面板、清空日志、勾选Preserve log和禁用缓存、登录后再录制、执行问题操作后右键保存为HAR。

当你需要向后端工程师提交登录失败、接口返回空数据或页面白屏的完整网络证据时,必须导出一份带响应体内容的HAR文件——它能真实还原每条请求的URL、状态码、请求头、Cookie、响应正文和精确耗时,且无需安装任何插件。
打开并激活Network面板
在目标网页处于完全加载状态(地址栏右侧刷新图标已停止旋转)时,按下 Ctrl + Shift + E(Windows/Linux)或 Cmd + Option + E(macOS),直接打开开发者工具并自动定位到 Network 面板。
若面板左上角显示“没有记录”且下方列表为空,说明已就绪;若看到历史请求,先点击左上角灰色圆形录制按钮→确保它变为红色→再点清空按钮 ? 清掉旧日志。
配置关键捕获参数
勾选左上角 Preserve log 复选框——这一步不可跳过,否则页面跳转或表单提交后,之前步骤的请求会全部丢失,只留下最后一页的日志。
点击右上角齿轮图标 → Settings → 勾选 Disable cache when DevTools is open。缓存未禁用时,JS/CSS资源会显示为 from disk cache,响应体为空,HAR里就查不到真实返回内容。
【重要前提】 若需抓取含登录态的请求(如用户信息接口),请先完成登录操作,再打开开发者工具并开始录制。未登录状态下开启录制,后续产生的 Cookie 和 Authorization 头可能无法被完整捕获。
触发请求并导出HAR文件
第一步:确保录制按钮为红色,且已清空历史请求;
第二步:立即执行你要复现的问题操作——比如点击“确认支付”按钮、切换到“订单列表”Tab、或等待5秒看是否出现 401/500 请求;
第三步:待 Network 面板底部状态栏显示 Finished 后,在面板空白区域右键 → 选择 Save all as HAR with content;
第四步:在保存对话框中,将文件名设为英文+日期+场景(如 firefox_checkout_20261103.har),保存路径避开中文目录和桌面根目录——某些Firefox版本在中文路径下会静默失败,无报错但实际未生成文件。


















