Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Displaying objects in IE Developer Tools console

Tags:

I'm debugging my web application in Firefox, Chrome and Internet Explorer. With the latter I'm using Developer Tools to debug my scripts.

The problem I'm having is that when I write some expression in console window and it should return an object all I can see is a simple {...} which isn't really helpful.

Is it possible to make it work similar to Firebug or Chrome console that actually display object content. Chrome is the best in this regard, because you can directly traverse the whole object as in Visual Studio.

Anyway. Is it possible to make IE Developer Tools console to display object properties and their values?

like image 367
Robert Koritnik Avatar asked Dec 29 '10 09:12

Robert Koritnik


People also ask

How do I view cookies in IE developer tools?

In the the Internet Explorer cache. Click on the gear icon, then Internet options. In the General tab, underneath “Browsing history”, click on Settings. In the resulting “Website Data” dialog, click on View files.

How do I view responses and requests in Internet Explorer?

Internet Explorer 9 allows you to see the HTTP request and response information using the F12 developer tools. This can be useful when debugging or testing your ASP.NET Web API service.

How do I use F12 Developer Tools in IE?

To access IE Developer Tools, you launch Internet Explorer and press F12 on your keyboard or select “F12 Developer Tools” on the “Tools” menu. This opens the developer tools inside the browser tab.


2 Answers

I use the built in JSON object.

JSON.stringify(my_object) 
like image 171
Dave Aaron Smith Avatar answered Sep 29 '22 11:09

Dave Aaron Smith


To explore an object's properties and values in IE you must first:

  • Have a breakpoint set (or script debugging enabled)
  • Trigger the breakpoint (or encounter an error)

The locals tab has the properties and details locally available at the time the breakpoint was triggered Adding an object name to the watch tab you can view the properties and details of the named object

Our "friends" at Microsoft have a video describing IE's developer tool. At 3:03 is when they mention this "easy" way to explore objects.

like image 20
RJThompson3rd Avatar answered Sep 29 '22 11:09

RJThompson3rd