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.com/p/chromium/issues/detail?id=50316
Is there a workaround for logging objects in Chrome?
Click the Console tab. Press Control + [ or Command + [ (Mac) until the Console is in focus. Open the Command Menu, start typing Console , select the Show Console Panel command, and then press Enter .
To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also use Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With