You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chromium浏览器Code Coverage无法更新,仅显示页面加载初始状态

Chromium DevTools Code Coverage不更新执行状态的解决方法

针对你遇到的Code Coverage仅显示页面加载状态、交互触发的代码执行后不更新为绿色的问题,以下是几个关键的排查和解决步骤:

  • 必须手动启动录制模式:当前Coverage面板默认仅捕获页面加载阶段的代码执行。你需要点击面板左上角的圆形录制按钮(红色代表正在录制),而不是只点刷新按钮。只有启动录制后,后续的交互操作(比如点击按钮)触发的代码执行才会被追踪,对应代码才会变成绿色。

  • 检查JavaScript是否被禁用:打开DevTools设置(按F1快捷键),确认没有勾选"Disable JavaScript"选项。如果JS被禁用,后续交互的代码根本不会执行,Coverage自然不会更新状态。

  • 排除浏览器扩展干扰:部分扩展会修改页面的JS运行环境,导致Coverage无法正常捕获执行记录。可以切换到无痕模式打开页面(默认不加载扩展),再测试Coverage功能是否恢复正常。

  • 更新浏览器到最新版本:如果是旧版本Chromium的bug,更新到最新稳定版可能解决问题。可以通过chrome://settings/help路径检查并更新浏览器。

结合你的代码示例,正确的操作流程应该是:

  1. 打开DevTools,通过Ctrl+Shift+P搜索"Coverage"打开对应面板。
  2. 点击录制按钮启动追踪。
  3. 刷新页面,此时加载阶段执行的代码(比如console.log("asdf")和事件绑定代码)会显示为绿色。
  4. 点击页面上的test按钮,触发test函数执行,此时函数内的代码会更新为绿色。

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 04:15:25