View formatted source
Displays formatted and color-coded source and optional CSS information for each element. You can see exactly which CSS rules match for an element. The rules are displayed including file name and line number. The topmost element is that with the highest priority.You can fold/unfold/hilite block elements (table, tr, td, div, span,...). Really cool feature: select a block level element of interest directly in the page and view it's source! To help you to quickly analyze the source code you can view images directly from the source and add comments to folded block elements. The code view is based on the rendered document, so you will also see dynamically (by Javascript) created and modified html elements! Works also with frames and selected text.Available in English, German, Danish, Dutch, French, Spanish, Italian and Portuguese.
Supported
versions: Firefox 1.0 - 2.0.0.* ALL
Notes / Comments: The long awaited version for Firefox 2.0 is here!Those who use one of the (unofficial) patches should also upgrade to the latest official version.Hope you all will like the new version.Felix
Categories: Developer Tools

view images while reading the source:

works with selected text also:

Inline mode: select the block level element of interest directly in the page and view its source:

Select the block level element of interest in the page and view the source:

View formatted source:
-8.jpg)
view CSS information:
-9.jpg)
view CSS information:
-10.jpg)