js调试工具Console命令详解

1、显示信息的命令

console.log('hello');
console.info('信息');
console.error('错误');
console.warn('警告');

最常用的就是console.log( )

2、占位符

console也支持printf的占位符，支持的字符有：
字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）.
console.log("%d年%d月%d日",2017,11,9);

3、信息分组

图片.png
图片.png

4、查看对象信息

图片.png 图片.png

5、显示某个节点的内容

图片.png
图片.png

6、输出表格

var animals = [{
        animal: 'Horse',
        name: 'Henry',
        age: 43
    }, {
        animal: 'Dog',
        name: 'Fred',
        age: 13
    }, {
        animal: 'Cat',
        name: 'Frodo',
        age: 18
    }]

结果：

图片.png

七、追踪函数的调用轨迹。

<script type="text/javascript">
/*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
　　function add(a,b){
console.trace();
　　　　return a+b;
　　}
　　var x = add3(1,1);
　　function add3(a,b){return add2(a,b);}
　　function add2(a,b){return add1(a,b);}
　　function add1(a,b){return add(a,b);}
</script>

八、计时功能

console.time('Timer1');
    var items = [];
    for (var i = 0; i < 100000; i++) { items.push({ index: i }); }
    console.timeEnd('Timer1');

结果：

图片.png