google-chrome - Chrome Inspector 中输入元素中的那些 "#document-fragment"元素是什么?

标签 google-chrome web-inspector documentfragment

一段时间以来,当我在 Chrome 中检查输入时,我看到了那些奇怪的 #document-fragment灰色元素。我还注意到有时有更多,有时则更少。

这些是什么?有没有办法将它们隐藏在检查器中?

最佳答案

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

如果你停用它。这些碎片将从您的检查员中消失

Chrome inspector settings

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
  • 影堂:http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
  • W3:http://www.w3.org/TR/shadow-dom/#shadow-trees
  • 关于google-chrome - Chrome Inspector 中输入元素中的那些 "#document-fragment"元素是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21601371/

    相关文章:

    google-chrome - 如何将 Chrome Web Inspector 停靠在浏览器的侧面而不是底部?

    javascript - macOS 应用程序中的 WKWebView Web 检查器无法呈现和闪烁/闪烁

    java - 如何使用 Java 标准 DOM API 解析 DocumentFragment

    javascript - 为什么添加后 DocumentFragment 被清除

    javascript - Chrome Javascript 日期比较错误

    javascript - 为什么我在循环中创建的所有其他对象在旧版本的 Chrome 上都显示为空白?

    AngularJS 编写一个没有服务器的应用程序

    ios - 检查不是我的 IOS 的应用程序的 Web View

    javascript - Chrome 扩展程序、新创建选项卡的内容脚本消息仅适用于警报

    javascript - 用文档片段javascript替换元素内容