今天突發奇想，準備總結下console的各個函數。以前都是只用一個console.log(),查了一下發現有好多，就記下來，方便以后查閱。

速記console

Console對象提供瀏覽器控制臺的接入，不同瀏覽器是不一樣的，這里介紹普遍存在的

Console.assert()

判斷第一個參數是否為真，false的話拋出異常并且在控制臺輸出相應信息

Console.clear()

清空控制臺

Console.count()

以參數為標記記錄調用的次數，調用時在控制臺打印標識以及調用次數

可以帶一個參數

Console.countReset()

重置指定標簽的計數器，若沒有參數，就重置defaul

這里是接著上面的

Console.debug()

控制臺打印“debug”級別的日志消息 注：chrome58之后，只有打開了Verbose才看得到

Console.dir()

在控制臺中顯示指定JavaScript對象的屬性，并通過類似文件樹樣式的交互列表顯示。

Console.dirxml()

顯示一個明確的XML/HTML元素的包括所有后代元素的交互樹.如果無法作為一個element被顯示，那么會以JavaScript對象的形式作為替代

打印信息

console.log() 向控制臺輸出一條信息

console.info() 向web控制臺輸出一個通知信息

console.error() 向控制臺輸出一條錯誤信息

console.warn() 向控制臺輸出一條警告信息

這4種用法都是一樣的打印多個對象 console.log({first:"Bob"},{last:"Tony"})

使用字符串替換(有點像c語言一樣)

%o 或 %O 打印js對象 %d 或 %i 打印整數 %s 打印字符串 %f 打印浮點數 Chrome不支持精確格式化

%c 定義打印樣式 這里的樣式應該是按照，css來寫的

打印樹狀結構

• Console.group()
• 打印樹狀結構，配合groupCollapsed以及groupEnd方法;
• Console.groupCollapsed()
• 同Console.group(),但是默認是折疊的
• Console.groupEnd()
• 結束當前Tree

Console.table()

將數據以表格形式顯示，數組，對象，類數組對象都可以打印; console.table(data[,columns]);

定時器

console.time("name"),帶參就是定時器的名字，開始計時，不帶參就是默認的defaul console.timeEnd("name"),結束“name”計時器

注：該方法在使用時不會將輸出的時間返回到js,它只能用于控制臺調試.請勿將該方法作為普通計時器或性能數據收集器的一部分.

Console.trace()

向控制臺輸出堆棧跟蹤

總結

以上是生活随笔為你收集整理的google 浏览器默认打开控制台_前端开发调试：浏览器console方法总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。