Chrome检查器中输入元素中的“#document-片段”元素是什么？

Question

从一段时间以来，当我检查Chrome的输入时，我看到了那些奇怪的#document-fragment灰化元素。我也注意到，有时有更多，有时更少。

这些东西是什么？有没有办法把他们藏在巡查员里？

Answer 1

在您的检查器中可以看到这一点，因为您已经激活了“显示阴影DOM”选项。您可以在“元素”下的“常规设置”选项卡中找到此设置。

如果你让它停用。这些碎片会从你的巡查员身上消失

​

​

阴影DOM是元素的内部元素，并对最终用户隐藏。它的节点不是<my-custom-element>或<input>或. (http://www.polymer-project.org/platform/shadow-dom.html#shadow-dom-subtrees)的子节点。

您可以在这里找到更多信息：

• 检查员：https://developers.google.com/chrome-developer-tools/docs/settings?hl=en
• 阴影Dom：http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
• W3：http://www.w3.org/TR/shadow-dom/#shadow-trees