1320351 - Add a "Show DOM properties" inspector panel

Status: RESOLVED DUPLICATE of bug 704094

(DevTools :: Inspector, enhancement, P2)

Description

[alexleduc]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
Build ID: 20161104212021

Steps to reproduce:

Right-clicking on any element in the Dev Tools Inspector and clicking "Show DOM properties" in the context menu


Actual results:

Nothing happenned, it's is not working. 


Expected results:

As explained in the docs on this page:
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Show%20DOM%20Properties

It should open the split console and enter the console command "inspect($0)" to inspect the currently selected element.

Note that selecting a DOM none and manually typing "inspect($0)" in the console still works.

Personal note: If you already have a DOM properties panel implemented for the split console, why not:
1: Mimic Firebug and move it next to the Rules, Computed, Animations and Fonts panels on the right of the Inspector.
2. Mimic Firebug and auto update the DOM properties that are displayed when an element is selected in the Inspector. We shouldn't have to click "Show DOM properties" each time we select a new element, just like we don't have to click a "Show CSS rules" for CSS rules panel to display the currently selected element's CSS rules.

Comment 1

[YF (Yang)]

WFM in 50.0 x86 & 51.0b3 x64 on Win10.

Comment 2

[alexleduc]

I should have disabled addons before filing this bug report, sorry. work for me when addons are disabled.

Comment 3

[YF (Yang)]

Which add-on causes it? We may be able to move this bug to extension compatibility to tracking it. Other suggestions please fill in to another bug.

Comment 4

[alexleduc]

It was Firebug. I disabled only Firebug, did an "Inspect Element (Q)" from the context menu and then did "Show DOM properties" and it worked.

Firebug needs to be running on that page for the bug to occur. Simply having it enabled in the addons page but not running will not cause the bug to happen.

Comment 5

[Julian Descottes [:jdescottes]]

(In reply to alexleduc from comment #0)
> 
> Personal note: If you already have a DOM properties panel implemented for
> the split console, why not:
> 1: Mimic Firebug and move it next to the Rules, Computed, Animations and
> Fonts panels on the right of the Inspector.
> 2. Mimic Firebug and auto update the DOM properties that are displayed when
> an element is selected in the Inspector. We shouldn't have to click "Show
> DOM properties" each time we select a new element, just like we don't have
> to click a "Show CSS rules" for CSS rules panel to display the currently
> selected element's CSS rules.

Since Firebug is discontinued, repurposing this bug to implement the enhancement proposed above.

Comment 6

[alexleduc]

Thanks Julian, I'm glad this part is not ignored as it would be a great enhancement.

Comment 7

[Arkadiusz Michalski (Spirit)]

I am really missing displaying DOM properties as does Firebug (using right pannel which is always available). Now in DevTools we must operate on Console in another pannel, waste some space and manually select other node, compared with the Firebug this is significant regression.

Comment 8

[Sebastian Zartner [:sebo]]

A DOM side panel is already requested in bug 704094.

Sebastian