CODEWITHSUNDEEP
javascriptjqueryhtmlinternet-explorer
mkozicki
mkozicki

Reputation: 6892

How to view javascript generated html for Internet Explorer?

I am looking for a way in IE to view the html source generated from jQuery code.
Ex.
HTML:

    <div id="myDiv"></div>

jquery: 

    var wrapper = $("myDiv");
    var generated = $("<div>Hello world</div>");
    wrapper.append(generated);

I'd like to be able to examine and hopefully tweak the source generated by appending the generated element, not in Chrome or Firefox, but in IE 8 (where the problem is). I think that IE Developer Tools only shows the downloaded source, not what is generated.

Thanks.

Upvotes: 2

Views: 3141

Answers (3)

Anish Gupta
Anish Gupta

Reputation: 2226

You should get Firebug Lite. You can check the code that jQuery does and much more.

Anyway, I recommend that you put Google Chrome Frame compatibility on your site, it will eliminate plenty of problems with your site (with the people that have Google Chrome Frame installed).

Upvotes: 0

Esailija
Esailija

Reputation: 140230

Try going to the HTML tab in IE developer tools and press the refresh icon (next to the save icon), it will show the latest DOM.

Example:

Go to script tab and do:

document.body.appendChild( document.createElement("div") );

Then go to the HTML tab and hit the refresh icon and open the body tag, it should show the appended div now.

Upvotes: 5

Tom van der Woerdt
Tom van der Woerdt

Reputation: 29975

I recommend Firebug Lite - http://getfirebug.com/firebuglite (it's Firebug for IE, sort of)

Upvotes: 2

Related Questions