Ben Langhinrichs

Photograph of Ben Langhinrichs

E-mail address - Ben Langhinrichs

Recent posts

Mon 16 Sep 2019

About that email in Notes

Mon 9 Sep 2019

Perils of PDF 4: Missing and obscured data

Fri 6 Sep 2019

Perils of PDF 3: Wide Tables and data loss

October, 2019
  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:

No documents found