How to view HTML Dom jQuery scams?

Question

I am using DebugBar in IE to view the DOM. But after changing the DOM using jQuery, I don't see the new or changed DOM with DebugBar. How to view the modified DOM?

Answer 1

Not sure about IE, but the Firebug extension for Firefox allows you to view changes and even display, and then in a friendly manner. Even if you have to test in IE, you can always switch to using Firefox when you really need this functionality when developing code.

Searching around I also found this piece of information for IE7:

IE7Pro just right-click and select "View" Generated Source.

Answer 2

The IE Team Blog has several options.

http://blogs.msdn.com/ie/archive/2005/05/10/416156.aspx

Answer 3

I found out that after updating or rebooting the DOM

I can view the modified DOM using DebugBar and using the MS Internet Explorer Developer Toolbar.

Answer 4

You can use the IE "Developer Tools", available by default in IE8 (running F12) and available in IE7 via download from Microsoft. In the developer tools window, after clicking the update, you will see the built-in DOM memory on the HTML tab.