javascript - Workaround for logging objects to console in Chrome - Stack Overflow

admin管理员组

文章数量:1306821

If you execute this code:

var foo = {bar: 'baz'};
window.console.log(foo);
foo.bar = 'bla';

The console shows this after expanding the object:

(when logging objects and arrays, it's not the run-time value that's recorded)

This bug was documented over a year ago:

Is there a workaround for logging objects in Chrome?

If you execute this code:

var foo = {bar: 'baz'};
window.console.log(foo);
foo.bar = 'bla';

The console shows this after expanding the object:

(when logging objects and arrays, it's not the run-time value that's recorded)

This bug was documented over a year ago:

http://code.google./p/chromium/issues/detail?id=50316

Is there a workaround for logging objects in Chrome?

• javascript
• debugging
• google-chrome
• console
• google-chrome-devtools

Share Improve this question Follow asked Sep 22, 2011 at 21:48 Ed MazurEd Mazur 3,10233 gold badges2424 silver badges2121 bronze badges 1

• A simple solution could be to override console.log and with a function that clones and logs the input (although it would probably be a shallow copy). – Felix Kling Commented Sep 22, 2011 at 21:50

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

I just use JSON.stringify when i need it. Don't know if it will do it for you, but it is easy and effective for debugging purposes.

This is no good for objects with function references in it tho, so if you need that i would consider using either a deep copy of the object (you can use jQuery's excellent extend method) or roll you own logging function that will loop recursively over the object and print it out.

You could use a dedicated logging library such as my own log4javascript.

本文标签： javascriptWorkaround for logging objects to console in ChromeStack Overflow