1

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.

inorganik
  • 24,255
  • 17
  • 90
  • 114

2 Answers2

2

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.

Daniel Pereira
  • 1,785
  • 12
  • 10
  • I have firebug- great tool. However I'm talking about seeing the markup it generates- so not the script- the live markup. – inorganik Sep 02 '11 at 17:39
  • 1
    Using the element inspector in firebug lets you see the generated markup. It's the little blue box and arrow icon in the top left of the firebug toolbar. – Daniel Pereira Sep 06 '11 at 18:34
0

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

ekim
  • 36
  • 3