javascript - 父文档是否可以读取 Shadow DOM 元素的内容？

Question

我想运行一个小书签来捕获 HTML 文档(网页)的当前状态。该文档是使用 Polymer 构建的，因此大多数元素都位于影子根内部，这意味着它们的内容不包含在 document.body.innerHTML 的输出中。

是否可以将 JavaScript 生成的文档导出为 HTML，包括 Shadow DOM 元素的内容？

Answer 1

你想要的是捕获组合/渲染的 dom 树。以下是一些可能有用的示例:

• Polymer 的检查器(在使用 Polymer 的页面的控制台中输入 sinspect())- code
• Shadow DOM visualizer -code

后者显示 <content> ，这可能不是您想要的。但您可以轻松地将其修改为仅包含渲染的节点。