How do I view an JavaScript object in IE8's Developer Tools?

Question

How do I view a Javascript object in IE8's Developer Tools? In WebKit and Firebug, I can fire a command at the console which returns an object and it'll show me a tree of the object that I can navigate. In Internet Explorer, all I get is:

>>getSelection();
{...}

Is there a way to get a similar tree view in IE8's Developer Tools that I'm missing, or should I try and use something else (Firebug Lite maybe?) instead?

Doesn't IE8 show `console.log()` output just like Firebug? I can be wrong but I thought it did. (**Edit:** It doesn't.) — Pekka, Jun 30 '10 at 21:02
That returns this: >>console.log(getSelection()); LOG: undefined — Aaron B. Russell, Jun 30 '10 at 21:04
see http://stackoverflow.com/questions/1956384/how-do-i-dump-javascript-vars-in-ie8 maybe better than nothing. **Edit:** Oh, asked by me, incidentally! :) — Pekka, Jun 30 '10 at 21:08

Falcon · Accepted Answer · 2010-07-02T20:44:40.583

10

near the console you can see standart watcher dblclick on empty field and just type your variable

edited Jul 02 '10 at 20:44

answered Jun 30 '10 at 21:17

Falcon

1,461
3
15
29

Do you mean the Watch tab above the console on the right hand side of the window? I can't figure out how to add stuff to that... – Aaron B. Russell Jun 30 '10 at 21:30
2

Pekka linked to http://stackoverflow.com/questions/1956384/how-do-i-dump-javascript-vars-in-ie8 above, and that shows that your solution works, I just need to click "Start Debugger", and then type "debugger" into the console first. Thanks! – Aaron B. Russell Jun 30 '10 at 21:43
Awesome!! :) Thanks! – sk8terboi87 ツ Mar 02 '16 at 09:46

How do I view an JavaScript object in IE8's Developer Tools?

1 Answers1