Add-on to view javascript-generated source code?

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.

---

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.

---

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.?)