View Source Chart by Jennifer Madden is a extension for Firefox, which outputs the source code of a webpage in a more convenient way. Elements, which are grouped, e.g. div-containers, are displayed in collapsable boxes, which all have different colors. Imagine the search for a container which was not closed and ruined your layout – have a look at the output from View Source Chart and you can clearly see where the bug is.
What really stands out is the ability to view the source code after the DOM was manipulated, e.g. by JavaScript. The newly produced code is colored in a different way, so you can clearly see, where the changes were made. This is great if you have to debug heavy AJAX applications, since no browser can update the source code by itself.
Below is a screenshot from 2.0.05, compared to the standard source code output from Mozilla Firefox.
