237637 - view current style of node

Status: RESOLVED WORKSFORME

(Other Applications :: DOM Inspector, enhancement)

Description

[David Mårtensson]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040113
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040113

I would like an option to se all current style of a node.

This is usefull when debugging to check why a node does not behave as expected,
it might be a class definition that adds some extra style that is not visible in
the source directly and also to see when a block node is rendered to big due to
problems with child nodes.

Sometimes it is not obvious which styles that is inherited and whichs is not and
if you have an external stylesheet there could be difficult to predict a complex
document.

Reproducible: Always
Steps to Reproduce:
1.
2.
3.

Actual Results:  
None

Expected Results:  
To have some option names "Current style" or "preferences" either on rightclick
or  in the information box.

Comment 1

[Boris Zbarsky [:bzbarsky]]

One of the info panes on the right is "computed style", which is exactly what
you want, no?

Comment 2

[Christian :Biesinger (don't email me, ping me on IRC)]

"CSS Style Rules" gives you exactly what you want, as far as I can tell. Click
the pane chooser thingy in the right pane and choose it.

marking wfm.

Comment 3

[David Mårtensson]

Ahh, thanks, did not understand that you could change that.

Maybe time to add a help section for DOM inspector.

Unfortuanatly it Bombed out on me when I tried to switch to CSS Style Rules.

I'll try it some more but is there som known bugs with that?