Chrome 检查器中嵌套 IFrame 元素的“复制为 HTML”

Question

在 Chrome 的 Web 检查器中，如果右键单击 DOM 元素，则会出现一个“复制为 HTML”选项，通常会为您提供该元素及其所有子元素的 HTML 字符串。但是，它似乎从未包含 IFrame 标记的内容，尽管它们作为子节点出现在检查器中。

该问题不是由跨域限制引起的：即使是同域 IFrame 也会从复制的 HTML 中排除。

除了复制并粘贴每个嵌套 IFrame 的 HTML 根目录并在文本编辑器中手动将它们拼接在一起之外，有什么办法可以解决这个问题吗？我在一个网站工作，该网站的第三方广告脚本经常生成大型、蔓延的嵌套 IFrame 树，我需要一种方法让同事能够复制并粘贴该结构，这样我就可以在不坐下来的情况下调试广告问题在他们的办公桌前。

Answer 1

我终于找到了一个解决方案，通过 DW-dev 的名为Save Page WE 的Chrome 扩展。

https://chrome.google.com/webstore/detail/save-page-we/dhhpefjklgkmgeafimnjhojgjamoafof

它也适用于 Firefox。 https://addons.mozilla.org/en-US/firefox/addon/save-page-we/