HTML tree in Console

Developer Tools
#1

Hello. I want to see the html-tree of this code in the Console:

let div = document.createElement('table')
let p = document.createElement('p')
div.append(p)

console.log(div)

But it works as if I typed console.dir(div) showing it from the js-object perspective. Is there a way to see it as html-tree like it works in Chrome? I’d love to switch to Firefox for good.

In Chrome:
image

In Firefox:
image

image

#2

looks like https://bugzilla.mozilla.org/show_bug.cgi?id=1552531

1 Like
#3

Thank you, indeed, that’s what it is. As I understand, P5 priority means it will never be implemented and there’s no way to have such a view in Firefox. Sad. Maybe some extensions can help?

#4

not sure why it was assigned a P5 priority, as the comments seem to indicate it’s something we’d want.

1 Like
#5

Indeed. Is there a way to revive the topic and increase priority?

#6

Just to update this topic – the bug is raised to P2.

1 Like