搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

How can I see HTML DOM structure via console in Firefox?

more options

How can I see HTML DOM structure via console in Firefox?

In Chrome when I type "document" in the console, I see clearly the HTML DOM structure. When I do this in FireFox I get a bunch of extra info and it's even hard to figure out the the HTML DOM structure. My question is: Where to find or how to display the HTML DOM in FireFox the way it's displayed in Chrome? DOM tool is enabled but shows completely different information (I tried DOM tab in tools it is not the same). Didn't find any solutions for this.

How can I see HTML DOM structure via console in Firefox? In Chrome when I type "document" in the console, I see clearly the HTML DOM structure. When I do this in FireFox I get a bunch of extra info and it's even hard to figure out the the HTML DOM structure. My question is: Where to find or how to display the HTML DOM in FireFox the way it's displayed in Chrome? DOM tool is enabled but shows completely different information (I tried DOM tab in tools it is not the same). Didn't find any solutions for this.
附加的畫面擷圖

所有回覆 (5)

more options

Firefox links you over to the Inspector (similar to Chrome's Elements panel) for that. See attached screenshot.

more options

But this is not the same, inspector is fine but console doesn't show clear structure of HTML element, however Chrome has clear HTML structure straight away. Is it any way to set it up as on Chrome?

more options

I am not aware of a setting for that. You could ask on the Dev Tools forum:

https://discourse.mozilla.org/c/devtools/213

By the way, what is the benefit of displaying an HTML tree in the Console vs. the Inspector?

more options

This way it is showing HTML tree straight away without going to inspector, like Chrome does

more options

But on the other hand, you need to run a script in the console when instead you could use the filter bar on the Inspector. But I understand it's hard to change a workflow that has become efficient for us.