Add-on to view javascript-generated source code?

Question

I know it's possible to save as... and look at the html file and see all the classes generated by javascript, but I would love to know if there's a firefox (or other browser) add-on which will show me page source with the javascript generated classes.

Working with jQuery mobile and trying to carefully modify all the CSS it generates is tough without it. Thanks.

Answer 1

Try Firebug. It's a line-level javascript debugger for firefox. It will show you all of your script code and even let you step debug it.

To view generated mark-up, use the element inspector (the blue "box & arrow" icon in the top left of the firebug toolbar). The element inspector allows you to hover over elements on your page and view its markup.

Answer 2

Try "View Source Selection".

Right click page and Select All and right click again to View Selection Source to view the source that a script generated, in FF. (at least in v.3.?)