一般情況下我們用來(lái)輸入信息的方法主要是用到如下四個(gè)：

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

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

3、console.error用于輸出錯(cuò)誤信息

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

用圖來(lái)說(shuō)話：

6、console.groupEnd結(jié)束一組輸出信息

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

7、console.assert對(duì)輸入的表達(dá)式進(jìn)行斷言，只有表達(dá)式為false時(shí)，才輸出相應(yīng)的信息到控制臺(tái)。

8、console.count（這個(gè)方法非常實(shí)用哦）當(dāng)你想統(tǒng)計(jì)代碼被執(zhí)行的次數(shù)。

9、console.dir(這個(gè)方法是我經(jīng)常使用的 可不知道比f(wàn)or in方便了多少)?直接將該DOM結(jié)點(diǎn)以DOM樹(shù)的結(jié)構(gòu)進(jìn)行輸出，可以詳細(xì)查對(duì)象的方法發(fā)展等等。

10、console.time?計(jì)時(shí)開(kāi)始。console.timeEnd??計(jì)時(shí)結(jié)束（看了下面的圖你瞬間就感受到它的厲害了）

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

12、console.table方法

13、Chrome 控制臺(tái)中原生支持類(lèi)jQuery的選擇器，也就是說(shuō)你可以用$加上熟悉的css選擇器來(lái)選擇DOM節(jié)。

14、console.profile和console.profileEnd配合一起使用來(lái)查看CPU使用相關(guān)信。

原文鏈接：http://www.cnblogs.com/zhongxinWang/p/4121111.html

總結(jié)

以上是生活随笔為你收集整理的Chrome 控制台console的用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。