1、斷言：console.assert(expression, object[, object...])

// 使用chrome測試
console.assert(false,"test") //  Assertion failed  test
console.assert(false,"test","test2") // Assertion failed  test   test2
console.assert(true,"test") // 無輸出

說明： 當expression為false時輸出后續參數，
當expression為true時無輸出。

2、計數：console.count("asd")

for(var i=0;i<10;i++){
    console.count(i) 
}
for(var j=0;j<10;j++){
    console.count(j)
}

說明：console.count()用于對輸出的相同值進行計數，例如上面代碼中從0到9個輸出了兩次，第二次循環輸出時，沒次的輸出計數都是2，如圖：

image.png

3、展示屬性： console.dir(obj)

var obj = {
    name:"江口不二子",
    age:10,
    sex:0,
}
console.log(obj)  // {name: "江口不二子", age: 10, sex: 0}

說明：console.dir(obj) 會在控制臺打印傳入對象的所有屬性及屬性值。

4、錯誤警告：console.error(object[, object...])

說明：用法與console.log()一樣，只是打印樣式不同，為紅色警告信息。

5、分組打印：console.group()與console.groupEnd()

console.group()
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.groupEnd();  // 結束打印分組
// 打印結果如圖2所示

圖2

6、信息提示：console.info(object[, object...])

說明：與console.log()類似

7、表格輸出：console.table()

var obj = {
    name:"江口不二子",
    age:10,
    sex:0,
}
console.table(obj) 

說明：以表格方式打印數組或對象,以上代碼輸出結果見圖3.

圖3

8、 打印性能分析：console.profile([profileLabel]) 與console.profileEnd();

console.profile()
// 這里插入要進行性能分析的一段代碼
console.profileEnd()

說明，console.profile()與console.profileEnd()結合會打印位于其中間一段代碼的執行性能

9、打印運行時間：console.time()和console.timeEnd()

console.time('計時器');
for (var i = 0; i < 1000; i++) {
  for (var j = 0; j < 1000; j++) {}
}
console.timeEnd('計時器');

10、函數追蹤：console.trace()

11、警告：console.warn()

12、console.debug() 用于輸出輸出debug的信息。

13、console.timeStamp() 用于標記運行時的timeline信息。

14、console.memory 用于顯示此刻使用的內存信息（這是一個屬性而不是方法）。

15、console.clear() 清空控制臺的內容（當然你可以用快捷鍵ctrl+L）。

16、$0 可以在控制臺輸出在Elements面板選中的頁面元素。

17、$_ 表示上一次在控制臺鍵入的命令，你也可以用快捷鍵“上方向鍵”來達到同樣的效果。

18、$x 可以用xPath的語法來獲取頁面上的元素。

參考文獻：你真的了解 console 嗎