Using Google Chrome, if you console.log
an object, it lets you inspect the element in the console. For example:
var a = { "foo" : "bar", "whiz" : "bang" };
console.log(a);
This prints out Object
which can be inspected by clicking on arrows next to it. If however I try to log an HTMLElement:
var b = goog.dom.query('html')[0];
console.log(b);
This prints out <html></html>
which can not be inspected by clicking on arrows next to it. If I want to see the JavaScript object (with its methods and fields) instead of just the DOM of the element, how would I do that?
try this:
Reference
[Video] Paul Irish on becoming a console power user.
Use
console.dir
:If you’re inside the console already, you could simply type
dir
instead ofconsole.dir
:To simply list the different property names (without the values), you could use
Object.keys
:Even though there’s no public
console.keys()
method, if you’re inside the console already, you could just enter:This won’t work outside the console window, though.