Make code changed by jQuery visible

how can I make code generated or changed by jQuery (JavaScript) visible? Showing the plain code in the browser (e.g. Firefox) only shows the elements before 开发者_开发百科they were changed and manipulated by jQuery/JavaScript.

Are there tools (for Firefox?) where I can make the live code visible?

are you using Firebug? this will allow you to see the HTML after it has been manipulated

You could use firebug which does exactly what you need and much much more

In addition to using Firebug or some other plugin, in Firefox you can highlight the text, right click and select "Show source".

Use an object inspector so you can see the live DOM like Firebug or the built-in Chrome or Safari Inspectors. In any of those tools, you just right click on an object in the web page and select "Inspect Element" and a whole live DOM hierarchy opens up in a window for you to inspect what is really in the web page at this moment.

Here's what it looks like in Chrome when I right click on an object in a live StackOverflow page:

If you're displaying the initial code via a javascript function call, then just call that function again after the update.