You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

求助:Chrome浏览器生成.har文件为空问题

解决Chrome生成空HAR文件的问题

我之前帮不少开发者排查过这个问题,结合Chrome的特性,给你几个靠谱的排查方向:

  • 确认录制状态是否正确
    很多时候空文件都是因为没开录制就导出了!打开DevTools的Network面板,先确保左上角的红色录制按钮是激活状态(按钮是红色,不是灰色),而且要在触发你需要抓包的操作前就开启录制,等所有请求都完成后再导出HAR。

  • 检查过滤规则是否屏蔽了所有请求
    看看Network面板顶部的过滤栏,有没有选了特定的请求类型(比如只看XHR/Fetch),或者输入了过滤关键词导致所有请求都被隐藏了。点击「清除过滤」按钮,或者切换到「All」选项,确保能看到所有请求后再尝试导出。

  • 重置DevTools或清理缓存
    Chrome的DevTools偶尔会因为缓存或者进程异常抽风:

    • 先关闭当前DevTools,按F12重新打开试试
    • 右键Chrome图标→属性,在目标字段末尾添加 --disable-devtools-cache,重启Chrome后再测试
    • 也可以清空浏览器缓存(快捷键Ctrl+Shift+Delete,勾选「缓存的图片和文件」删除),然后重启浏览器
  • 用隐私模式排除扩展干扰
    第三方浏览器扩展有时候会干扰DevTools的抓包逻辑。打开Chrome隐私窗口(Ctrl+Shift+N),这里默认不会加载任何扩展,试试在这个环境下生成HAR文件。如果能正常生成,就逐个禁用你的扩展,找到捣乱的那个。

  • 确保导出时机正确
    一定要等所有请求都完成(比如页面加载完成、接口都返回结果)再导出HAR。如果在请求还处于pending状态时导出,很可能会得到不完整甚至空的文件。

  • 检查Chrome版本兼容性
    如果是最近更新Chrome后才出现的问题,可能是版本bug。可以尝试回退到之前正常的版本,或者直接更新到最新的稳定版,通常官方会很快修复这类小问题。

内容的提问来源于stack exchange,提问作者ILoveReactAndNode

火山引擎 最新活动