Chrome 控制臺console的用法

下面我們來看看console里面具體提供了哪些方法可以供我們平時調試時使用。

目前控制臺方法和屬性有：

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

下面我們來一一介紹一下各個方法主要的用途。

一般情況下我們用來輸入信息的方法主要是用到如下四個：

1、console.log?用于輸出普通信息

2、console.info?用于輸出提示性信息

3、console.error用于輸出錯誤信息

4、console.warn用于輸出警示信息

用圖來說話：

6、console.groupEnd結束一組輸出信息

看你需求選擇不同的輸出方法來使用，如果上述四個方法再配合group和groupEnd方法來一起使用就可以輸入各種各樣的不同形式的輸出信息。

7、console.assert對輸入的表達式進行斷言，只有表達式為false時，才輸出相應的信息到控制臺。

8、console.count（這個方法非常實用哦）當你想統計代碼被執行的次數。

9、console.dir(這個方法是我經常使用的 可不知道比for in方便了多少)?直接將該DOM結點以DOM樹的結構進行輸出，可以詳細查對象的方法發展等等。

10、console.time?計時開始。console.timeEnd??計時結束（看了下面的圖你瞬間就感受到它的厲害了）

11、keys和values?前者返回傳入對象所有屬性名組成的數據，后者返回所有屬性值組成的數組。

12、console.table方法

13、Chrome 控制臺中原生支持類jQuery的選擇器，也就是說你可以用$加上熟悉的css選擇器來選擇DOM節。

14、console.profile和console.profileEnd配合一起使用來查看CPU使用相關信。

轉載于:https://www.cnblogs.com/jasonHome/p/5681210.html

總結

以上是生活随笔為你收集整理的[转]Chrome 控制台console的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

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