console的高级使用

1.console.table()用来表格化展示数据。

var people = {
zqz: {
name: 'zhaoqize',
age: 'guess?'
},
wdx: {
name: 'wangdongxue',
age: 'guess?'
},
yk:{
name:'yangkang',
age:'guess?'
}
};
console.table(people);
//console.table(people,'name');

2.计算程序的执行时间

可以将成对的console.time()和console.timeEnd()之间代码的运行时间输出到控制台上

console.time('计时器');
for(var i=0;i<1000;i++){
var a=i;
}
console.timeEnd('计时器');

3.使用console测试程序性能

function parent() {
for (var i = 0; i < 10000; i++) {
childA()
}
}

function childA(j) {
var a =0;
}

console.profile('性能分析');
parent();
console.profileEnd();

4.console.dir()可以显示一个对象所有的属性和方法。

5.console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。

<div class='asui'>
<div>zqz</div>
<span>zqz</span>
</div>

</body>

<script type="text/javascript">
console.dirxml($('.asui'))
</script

谷歌Api:https://developers.google.com/web/tools/chrome-devtools/debug/console/console-reference?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3