View Rendered Source in IE

I’m doing a lot of work with javascript that modifies the DOM so I really like tools like the Firefox rendered source chart plugin so I can see what’s actually going on in my page.

Rendered source chart in particular is a very slick plugin. It not only takes everything in the DOM and shows it as HTML, but it also colour codes and formats it so it looks all pretty like this:

Rendered source firefox plugin

Today I went looking for something similar for IE and came across a similar tool that works on IE. It’s not got as many features as the Firefox plugin (and the rendered source doesn’t look as nice) but it definitely made my debugging much easier because it meant I could cut and paste the current snapshot of my page’s DOM into a HTML file and play with it to get an idea of why it didn’t work.

Posted on 06 Feb 07 by Helen Emerson (last updated on 06 Feb 07).
Filed under Tools, Web development