Chrome控制檯瀏覽器 console用法

Chrome控制檯瀏覽器 console用法瀏覽器

Chrome瀏覽器自帶開發者工具（Chrome Dev Tools），是不可或缺的開發者調試工具，console.log()都使用過，那你知道console還有不少功能更強大的功能

console函數
先看一下console有哪些屬性

看完了是否是發現console屬性有那麼多，也能夠本身手動控制檯試試。
接下來看一下最經常使用的幾種方法的用途：微信

console.log() 用來輸出信息
console.info() 用來輸出提示信息
console.error() 用來輸出錯誤信息
console.warn() 用來輸出警告信息

console.dir() 用來輸出打印對象的詳細鍵值對信息,若該對象爲HTML元素，則該元素的DOM的表達式會以DOM樹的形式出現。

console.table() 傳入的對象在控制檯上以表格的形式呈現

console.count 統計代碼被執行的次數

console.time(), console.timeEnd()
console.time()開始一個計時器，console.timeEnd()會結束一個計時器，在使用的時候這兩個方法須要傳遞同一個參數。

console.group(), console.groupEnd()
console.group() 在控制檯建立一個分組，隨後建立的內容都會保存在裏面；console.groupEnd() 調用之後表示着當前分組的結束。

console.trace() 堆棧跟蹤相關的調試函數