必须通过chrome network面板导出har文件才能完整记录网页全周期http/https请求的url、请求头、响应体、时间戳、cookie和重定向链,肉眼观察或console日志无法获取加密响应与会话上下文。

要完整记录网页从打开到交互结束期间所有HTTP/HTTPS请求的URL、请求头、响应体、时间戳、Cookie和重定向链,必须通过Chrome Network面板导出HAR文件——仅靠肉眼观察地址栏或查看Console日志,根本无法获取加密传输中的真实响应内容和完整会话上下文。
打开并激活Network面板
在Chrome中打开目标网页,按 【Ctrl + Shift + I(Windows/Linux)】 或 【Cmd + Option + I(macOS)】 直接调出开发者工具。这一步不能用鼠标右键“检查”代替,因为右键可能默认停留在Elements面板,需手动点击顶部Network标签切换过去。
确认左上角圆形录制按钮为红色;若显示灰色,必须点击一次才能开始捕获——这是90%用户首次操作失败的根源,未点亮即等于全程静音录制。
配置关键捕获参数
勾选左上角“Preserve log”复选框。不勾选会导致页面跳转、登录态切换或单页应用路由变化后,之前所有请求记录被清空,只剩最后一页的零星条目。
点击右上角齿轮图标(Settings)→ 在弹出面板中确认已启用 【Disable cache when DevTools is open】。缓存未禁用时,JS/CSS等资源会显示为“from disk cache”,响应体为空,HAR中缺失真实服务器返回数据。
如果目标操作涉及敏感接口(如用户中心、支付回调),请先完成登录,再打开DevTools,最后刷新页面——避免整站流量混入含token或手机号的明文请求。
触发并完成请求录制
第一步:点击左上角灰色圆形按钮,确保它变为红色;
第二步:点击左侧带对角线的圆圈图标(Clear)清空已有日志,防止历史残留干扰;
第三步:执行完整业务流程——例如输入账号密码→点击登录→等待跳转→进入首页→点击“我的订单”→下拉加载更多订单列表;每一步操作产生的网络请求都会实时追加进列表;
第四步:等待底部状态栏显示“Finished”,且所有XHR/Fetch条目右侧状态图标停止旋转,再停止操作。过早中断会导致部分异步请求未完成写入,HAR中丢失关键响应。
导出HAR文件
在Network面板空白区域右键单击。
选择“Save all as HAR with content”。
指定保存位置,文件名建议包含日期与场景,例如 【checkout-fail-20261014.har】,点击保存。











