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