如何在 Firefox 中通过控制台查看 HTML DOM 结构？答案

【问题标题】：How can I see HTML DOM structure via console in Firefox?如何在 Firefox 中通过控制台查看 HTML DOM 结构？
【发布时间】：2021-10-28 13:00:55
【问题描述】：

在 Chrome 中，当我在控制台中键入“文档”时，我可以清楚地看到 HTML DOM 结构。

当我在 FireFox 中执行此操作时，我会得到一堆额外的信息，甚至很难弄清楚 HTML DOM 结构。

我的问题是：在哪里可以找到或如何在 FireFox 中以 Chrome 中的方式显示 HTML DOM？

【问题讨论】：

您已经明确表示“通过控制台”，所以这不能作为答案，但是如果您想查看第一个屏幕截图中的结构，请使用 Firefox 的 Inspector 选项卡而不是控制台。在控制台中，它向您显示对象的属性（与任何其他对象一样），而 Chrome 的开发工具团队认为显示 DOM 结构更有用。
到目前为止仍然是最好的答案 ;)

【解决方案1】：

检查这个。也许有帮助。

启用后，您可以通过从 Firefox 菜单面板（或工具菜单，如果您显示菜单栏或在 macOS 上）的 Web Developer 子菜单中选择“DOM”或按其@987654322 来打开 DOM 属性查看器@键盘快捷键。

【讨论】：