使用Google Chrome浏览器，如果您console.log是对象，则可以检查控制台中的元素。例如：
var a = { "foo" : "bar", "whiz" : "bang" };
console.log(a);
打印出来Object，可以通过单击旁边的箭头进行检查。但是，如果我尝试记录HTMLElement：
var b = goog.dom.query('html')[0];
console.log(b);
这会打印出来<html></html>，无法通过单击旁边的箭头进行检查。如果我要查看JavaScript对象（及其方法和字段），而不仅仅是元素的DOM，我该怎么做？
Answers:
用途console.dir：
var element = document.documentElement; // or any other element
console.log(element); // logs the expandable <html>…</html>
console.dir(element); // logs the element’s properties and values
如果您已经在控制台内，则只需输入dir而不是即可console.dir：
dir(element); // logs the element’s properties and values
要简单地列出不同的属性名称（不包含值），可以使用Object.keys：
Object.keys(element); // logs the element’s property names
即使没有公共console.keys()方法，如果您已经在控制台中，也可以输入：
keys(element); // logs the element’s property names
但是，这将无法在控制台窗口之外运行。
[[element]]在用来创建数组，因此Chrome被迫将其显示为对象...谢谢！
浏览器仅打印html部分，您可以将元素放在对象中以查看圆顶结构。
console.log({element})