Chrome Inspector中输入元素中的"#document-fragment"元素是什么？

Question

有一段时间,当我在Chrome中检查输入时,我会看到那些奇怪的#document-fragment灰色元素.我也注意到有时会有更多,有时候会有更多.

这些是什么东西？有没有办法将它们隐藏在检查员中？

Answer 1

您可以在检查器中看到此信息,因为您已激活"Show Shadow DOM"选项.您可以在"元素"下的常规设置选项卡中找到此设置

如果您停用它.这些碎片将从检查员处消失

Shadow 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
• Shadow Dom:http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
• W3:http://www.w3.org/TR/shadow-dom/#shadow-trees