Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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.
Hoton allon fuska da aka liƙa

All Replies (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.