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 run? I just want to see what and how jQuery modified the HTML?

Answer 1

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

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

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 4

firebug for firefox will pick up changes to the DOM.

Answer 5

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