Dom 如何在Chrome开发工具的元素页面中查看#文档片段？

是否有办法查看页面上创建的所有文档片段？ 到目前为止，我可以通过使用JS调试器、添加要监视的DOM对象（或使用控制台），然后使用“在元素面板中显示”来查看它们

但有没有办法直接进入“元素”面板，看看创建了哪些文档片段？ 也试过这个（值得一试，对吧？）：

---

不存在所有文档片段的列表。它们不是文档树的一部分，因此“元素”面板不会显示它们。但是，如果可以在某个JS变量中找到对文档片段的引用，则可以使用console在“元素”面板中显示该片段：

---

检查（documentFragmentRef）没有所有文档片段的列表。它们不是文档树的一部分，因此“元素”面板不会显示它们。但是，如果可以在某个JS变量中找到对文档片段的引用，则可以使用console在“元素”面板中显示该片段：


检查（documentFragmentRef）不是答案，但如果您已经拥有documentFragment并希望在控制台中查看它，请将该片段放入数组[fragment]中，您将看到片段的内容不是答案，但如果您已经拥有documentFragment并希望在控制台中查看它，请将片段放入数组[fragment]您将看到片段的内容
document.getElementById("#document-fragment")
null
document.getElementById("document-fragment")
null