Firefox Extension Renders Source Code Beautifully

JavaScriptSearch
Friday, April 7, 2006; 03:31 AM

The "View Source Chart" extension for the popular Firefox browser will assist developers by presenting them with a color coded, ordered view of any page's source code.  It uses a technique called "source charting", which turns the extension into a visual aid tool for quick debugging and intuitive visualization of complex source code.

A handy feature is the ability to zoom in and out using the default Firefox key combinations CTRL+ and CTRL-.  This way the user can get an overview of the whole document structure.

The extension website provides detailed installation instructions.  Once the installation is complete, source code can be viewed via the View>View Source Chart Command.

View Source Chart Features

• Creates a Colorful Chart of a Webpage's Rendered Source Code
• Displays Source in its Altered State After the DOM has been Manipulated by JavaScript
• Clearly Defines Nested Containers