Chrome Code Coverage Tool是否支持统计内嵌iframe执行的JS文件覆盖率

1. 是否为工具设计限制？ #

是的，这是Chromium内核浏览器DevTools覆盖率工具的默认安全限制。
跨域iframe属于独立的安全执行上下文，默认情况下覆盖率工具只会统计当前选中的顶层页面（即top上下文）的代码资源，因此跨域iframe内加载的JS、CSS文件不会出现在默认的覆盖率统计列表中，这和Network面板可以看到所有资源请求的逻辑并不冲突。

2. 可用解决方法 #

• 切换DevTools执行上下文（最便捷方案）
  操作步骤如下：
  1. 打开F12 DevTools后，找到顶部的调试上下文选择下拉框（默认显示为top，位于元素选择器箭头右侧、控制台过滤选项左侧）
  2. 在下拉列表中选中你需要统计的iframe对应条目（即https://seconddomain.com/inner.htm）
  3. 重新进入Coverage面板，点击录制按钮重新统计覆盖率，此时即可看到该iframe内加载的所有JS、CSS文件的覆盖率数据
• 同域代理配置（适合本地开发场景）
  如果你是在本地开发两个站点，可以通过Nginx、前端构建工具代理等方式将两个站点的资源代理到同一个域名下，消除跨域限制，此时覆盖率工具可以直接同时统计顶层页面和所有iframe的资源数据，无需手动切换上下文。
• 自动化脚本采集（适合批量统计场景）
  如果需要批量、自动采集所有iframe的覆盖率数据，可以使用Puppeteer等无头浏览器工具，调用其原生Coverage API主动遍历所有页面frame的覆盖率信息，不受手动操作的上下文限制。

上述所有解决方法同样适用于Edge浏览器，Edge与Chrome同属Chromium内核，DevTools的能力和限制完全一致。 #

内容的提问来源于stack exchange，提问作者DoubleThor