google-chrome - Chrome 代码覆盖率工具 - 它是否为嵌入式 iframe 执行的 JS 文件生成覆盖率信息？

Question

我有一个页面 - （例如：https://firstdomain.com/outer.htm）在其中嵌入了一个 iframe 到另一个页面（例如：https://seconddomain.com/inner.htm）。

当我运行 chrome 代码覆盖工具时，它没有给我选择第二页（inner.htm）的选项，并且不显示第二页下载的任何 JS 文件，只显示外页。

例如，我可以看到在 F12 -> 网络工具中请求了一个文件 inner.js，但在 F12 -> 覆盖率中的代码覆盖率工具中没有出现相同的文件。

这是设计使然，是否有任何解决方法？

Edge 也会发生同样的事情。

标签： google-chromeiframecode-coveragemicrosoft-edge

Answer 1

F12 DevTools 中的 Coverage 选项卡旨在帮助您找到未使用的 JavaScript 和 CSS 代码。Coverage 选项卡中的表格显示分析了哪些资源，以及每个资源中使用了多少代码。有关 Coverage 选项卡的更多信息，您可以参考此文档。

inner.html不显示在 Coverage 选项卡中表示inner.html尚未使用中的资源。我已经测试过，如果我只加载页面，inner.html则不会显示在 Coverage 选项卡中。如果在 中执行了一些功能inner.html，我会inner.html在 Coverage 选项卡中看到显示。