如何在 Chrome 开发工具的元素页面中查看#document-fragment？
How to see #document-fragment in the Elements page in Chrome dev tools?
有没有办法查看页面上创建的所有文档片段？
到目前为止，我可以通过使用 JS 调试器、添加要监视的 DOM 对象（或使用控制台），然后使用 "Reveal in elements panel" 来查看它们
https://developers.google.com/web/updates/2015/04/28/reveal-in-elements-panel?hl=en
但是有没有办法直接进入元素面板并查看创建了哪些文档片段？
也试过这个（值得一试，对吧？）：
document.getElementById("#document-fragment")
null
document.getElementById("document-fragment")
null
不存在所有文档片段的列表。它们不是文档树的一部分，因此“元素”面板不会显示它们。但是，如果您可以在某些 JS 变量中找到对文档片段的引用，则可以使用控制台在“元素”面板中显示该片段：
inspect(documentFragmentRef);
您还可以通过获取堆快照（配置文件面板 > 获取堆快照，获取快照）然后通过 DocumentFragment class 姓名。之后 select 堆快照中的一个片段，它将作为 $0 变量在控制台中可用：
有没有办法查看页面上创建的所有文档片段？ 到目前为止，我可以通过使用 JS 调试器、添加要监视的 DOM 对象（或使用控制台），然后使用 "Reveal in elements panel" 来查看它们 https://developers.google.com/web/updates/2015/04/28/reveal-in-elements-panel?hl=en
但是有没有办法直接进入元素面板并查看创建了哪些文档片段？ 也试过这个（值得一试，对吧？）：
document.getElementById("#document-fragment")
null
document.getElementById("document-fragment")
null
不存在所有文档片段的列表。它们不是文档树的一部分，因此“元素”面板不会显示它们。但是，如果您可以在某些 JS 变量中找到对文档片段的引用，则可以使用控制台在“元素”面板中显示该片段：
inspect(documentFragmentRef);
您还可以通过获取堆快照（配置文件面板 > 获取堆快照，获取快照）然后通过 DocumentFragment class 姓名。之后 select 堆快照中的一个片段，它将作为 $0 变量在控制台中可用：