Is there a way to view the source of a web page AFTER all jquery scripts have run?

Question

I currently use Chrome/Firefox for my web development.

Is there a plugin, or am I just another way, where you can view the HTML source AFTER all jQuery plug-ins have r

Answer 1

firebug for firefox will pick up changes to the DOM.

Answer 2

You'll need to use Firebug for that (in Firefox, obviously). It actually tracks the page's current DOM, instead of displaying the original source.

Answer 3

In Firefox:

Use the web developer tool by Chris Pederick. Go to View Source -> View Generated Source. Using this same tool, highlight elements you would like to see the generated source for and then right click to see View Selection Source.

Or, you could use the Firebug tool, to inspect the elements on the page.

Answer 4

Firebug will show the state of the DOM as it is in the current point in time:

Answer 5

Right click and select 'Inspect element'. That will show you the HTML after it has been loaded in Chrome.

For Firefox: Install firebug, then you will see the 'inspect element' option.

Answer 6

There is a much easier way to do this without installing any plugins:

Ctrl-A to select all content on the page, and right-click "view source"

(only works in firefox of course)