Chrome 控制檯console的用法

下面咱們來看看console裏面具體提供了哪些方法能夠供咱們平時調試時使用。javascript

目前控制檯方法和屬性有：css

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

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

通常狀況下咱們用來輸入信息的方法主要是用到以下四個：數組

一、console.log 用於輸出普通訊息spa

二、console.info 用於輸出提示性信息debug

三、console.error用於輸出錯誤信息3d

四、console.warn用於輸出警示信息調試

用圖來講話：code

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

看你需求選擇不一樣的輸出方法來使用，若是上述四個方法再配合group和groupEnd方法來一塊兒使用就能夠輸入各類各樣的不一樣形式的輸出信息。

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

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

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

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

十一、keys和values 前者返回傳入對象全部屬性名組成的數據，後者返回全部屬性值組成的數組。

十二、console.table方法

1三、Chrome 控制檯中原生支持類jQuery的選擇器，也就是說你能夠用$加上熟悉的css選擇器來選擇DOM節。

1四、console.profile和console.profileEnd配合一塊兒使用來查看CPU使用相關信。