Ben Langhinrichs

Photograph of Ben Langhinrichs

E-mail address - Ben Langhinrichs







Recent posts

Wed 3 Jul 2019

HCL is doing so many things right, but...



Thu 27 Jun 2019

HCL: Not just features, but follow-through



Thu 13 Jun 2019

Delving deeper into your data - Part 2


July, 2019
SMTWTFS
 01 02 03 04 05 06
07 08 09 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

Search the weblog





























Genii Weblog

View formatted source in Firefox

Thu 2 Jun 2005, 07:47 AM



by Ben Langhinrichs
There is a cool extension to Firefox called View formatted source which lets you view your page source in a formatted way, with CSS elements highlighted, etc.  I wouldn't care for just the pretty printing, but I really like the way you can quickly identify the extent of a <div>...</div> or a table cell or almost any other inclusive group of HTML.  This makes analysis of a database much, much easier.  For example, the first image below is part of the source of the Genii homepage with the regular View - Page Source in Firefox, and the same part with formatted source:

Regular View - Page Source in Firefox

Page Source in Firefox

New formatted page source

Note that the highlighted area shows up when you mouse-over any <table> or <td> or <div> or whatever, and lets you instantly see where it starts and stops (you can do it on the </table> or </td> or </div> as well).  You can even click on the hink-minky on the left and collapse a whole element.  This is very good for finding mismatched elements, abd seeing just parts of a page, etc.
Formatted page source

Copyright © 2005 Genii Software Ltd.

What has been said:


328.1. Stephan H. Wissel
(06/02/2005 10:35 AM)

You can push that further with "View rendered source". That's invaluable if you are the JS wizzard and want to know if the html your functions write is ok.

Find it here:

http://jennifermadden.com/scripts/ViewRenderedSource.html

;-) stw