Simplify code, color code the source chart
Handy extension for sifting through source code:
- Creates a Colorful Chart of a Webpage’s Rendered Source Code
- Displays Dynamically Generated HTML and Static HTML Together
- Removes JavaScript Code, Displays JavaScript Output
- Works Superbly as a Visual Aid in Learning Environments
View Rendered Source Chart (Firefox Extension)
Viewing the source code for a website is a great way to see what makes a webpage tick. The downside is that all the black on white text often gets jumbled together making it hard to differentiate between tags. The View Rendered Source Chart extension (Firefox / Flock) creates an additional right-click contextual menu item which provides a color coded chart of the page source code. Firefox users can download a copy from here. A Flock friendly version can be found here.
