Return to the Source | Comments (2)
Posted in Browsers on 13th July 2005, 8:15 am by Stuart
The other day I came across a brilliant firefox extension that allows you to view the source as rendered by the browser. The View Rendered Source extension by Jennifer Madden is excellent for seeing the source after the browser has rendered it. This has come in very handy for seeing the output of any javascript running. In addition to what it does technically the results are grouped by elements and colour coded, a great visual aid to see how your page is put together.
Another view source extension I heard about this morning (Via Shaun Inman) is the View Formatted Source Extension by Felix Ritter. This extension also works like the Jenifer Madden’s Extension in the sense that it shows source after the browser has rendered the page. It also features code folding and best of all it displays the CSS associated with each element. Very nice indeed.

Just to endorse what you’ve said. I too have that extension and it is magic. I also have a color picker extension which has been invaluable - saves doing a screen grab, putting into a graphics program and reading the hexadecimal value from there. Oh joys
I use Dr Hoiby’s CatchColour for getting colour samples from anything displayed on screen.
The benefit being, it works outside of any specific application.