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

Question

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

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

Answer 1

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

• Polymer的检查器（在使用聚合物的页面上的控制台中键入sinspect()） - code
• Shadow DOM visualizer - code

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