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