View Source Chart

* 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 Source charting... * Clearly Defines Nested Containers * Easy Way to Identify Structure and Hierarchy * Great Visual Aid Tool for Learning Environments * Intuitive Way to Analyze Source * Dramatically Enhances Debugging Efficiency??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??For useful tips and upgrades, go to http://jennifermadden.com/scripts/ViewRenderedSource.html??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??*??

Supported versions: Firefox 1.0 - 2.0.0.* ALL

Notes / Comments: ************************************RENDERED SOURCE is source as the browser has interpreted it. Both static HTML and script-generated HTML fall into this category. See my site for more info.************************************To Collapse a container, click on its opening tag.To Expand, click anywhere in the collapsed container. --You will find that containers may be collapsed from nearly any location, which allows collapsing from their sides or bottom, not just the top.--To open charts in a TAB, see extension's options. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++"Asking a writer what he thinks about criticism is like asking a lamppost what it feels about dogs."- Christopher Hamilton

Categories: Developer Tools, Miscellaneous

Install: View Source Chart

Source Chart Sample:

Zoomed Out View:

View Source Chart: