View real HTML source in browser

Question

I lookong for some IE or Firefox extension, which allows to browse html source, corresponding to data, shown in browser window right now.

I have large web application with alot of code, generated by JavaScript. I need to extract real HTML code, which I see in browser window right now (View source function shows only code loaded from server, not generated by JS). Most of JavaScript debuggers can show DOM model from browser memory, but I'am need something more friendly, like printable HTML. Does anybody know tools or plugins for IE (preferred) or Firefox?

Answer 1

Firefox's Web Developer extension will allow you to do this. After you install it, just select View Source->View Generated Source.

Answer 2

FireBug for Firefox will display the HTML corresponding to what you see in the browser window right now (that is including any modifications made in JavaScript).