Chrome控制檯console的各類用法（方便調試）

一、輸出信息

　　console.log('消息內容！'); //輸出普通訊息
　　console.info('消息內容！'); //輸出提示信息
　　console.error('消息內容！');//輸出錯誤信息
　　console.warn('消息內容！'); //輸出警告信息

二、數據表格化

　　var thisObj = [
　　　　{ name: 'quber', email: 'qubernet@163.com', qq: 757200834 },
　　　　{ name: 'xm', email: 'xm@126.com', qq: 757200833 },
　　　　{ name: 'jack', email: 'jack@sina.com', qq: 757200832 },
　　　　{ name: 'maer', email: 'maer@gmail.com', qq: 757200831 }
　　];
　　console.table(thisObj);

 

三、統計代碼執行時間

　　console.time('統計時間');

　　var count = 0;
　　for (var i = 0; i < 999999999; i++) {
　　　　count++;
　　}

　　console.timeEnd('統計時間');

四、分組輸出信息

　　console.group('分組1');
　　console.log('分組1-1111');
　　console.log('分組1-2222');
　　console.log('分組1-3333');
　　console.groupEnd();

　　console.group('分組2');
　　console.log('分組2-1111');
　　console.log('分組2-2222');
　　console.log('分組2-3333');
　　console.groupEnd();

 

五、統計代碼執行的次數

　　function testFn() {
　　　　console.count('當前執行的次數');
　　}
　　testFn();
　　testFn();
　　testFn();

六、當表達式爲false時，輸出信息

　　var testObj = false;
　　console.assert(testObj, '當testObj爲false時才輸出！');

七、將對象以樹狀結構展示

　　var thisObj = {
　　　　name: 'quber',
　　　　age: 26,
　　　　fn: function() {
　　　　　　alert('quber');
　　　　}
　　};
　　console.dir(thisObj);

八、展示網頁某個節點所包含的全部html/xml代碼

　　console.dirxml($('.kx-frm-gd'));

九、佔位符

　　console.log("%d年%d月%d日", 2016, 8, 22);//console支持的佔位符有：字符（%s）、整數（%d或%i）、浮點數（%f）和對象（%o）