Does the Firefox Web Developer Toolbar have an equivalent of Firebug's "Inspect Element" CSS live-debug feature?

Question

To edit CSS, I have to inspect elements in Firebug and then make changes in the Firefox Web Developer toolbar so that I can save the changes out to a separate CSS file.

It would be nice if I could forget about Firebug and just use a single tool. Does the Web Developer toolbar have an "Inspect Element" option? I can't seem to find one.

What this feature does is lets you hover your mouse over structural elements and inspect the associated CSS.

Check this answer here http://stackoverflow.com/a/13855134/1868660 — Subodh Ghulaxe, Oct 01 '13 at 08:37

score 4 · Accepted Answer · answered Oct 12 '09 at 06:03

4

Try Information -> Display Element Information (Ctrl-Shift-F).

answered Oct 12 '09 at 06:03

Dominic Rodger

97,747
36
197
212

thanks, been using firebug and never thought to find an alternative! – Ralph Willgoss May 18 '10 at 00:27

score 3 · Answer 2 · answered Oct 12 '09 at 06:06

3

With CSS > Edit CSS you can also edit the css and preview changes live.

answered Oct 12 '09 at 06:06

ChrisR

14,370
16
70
107

Does the Firefox Web Developer Toolbar have an equivalent of Firebug's "Inspect Element" CSS live-debug feature?

2 Answers2