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

Question

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

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

Answer 1

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

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

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