關於console的小技巧

咱們在寫代碼的時候,偶爾會打印出後端傳過來的信息,而後根據信息寫咱們的html代碼,原本覺得console.log就能夠了,可是偶然又發現了console是有家族的,這說明了系統看文檔的重要性與好處。javascript

Console.assert()

判斷第一個參數是否爲真,false的話拋出異常而且在控制檯輸出相應信息。html

Console.clear()

清空控制檯。java

Console.count()

以參數爲標識記錄調用的次數,調用時在控制檯打印標識以及調用次數。chrome

Console.debug()

console.log方法的別稱,使用方法能夠參考Console.log()後端

Console.dir()

打印一條以三角形符號開頭的語句,能夠點擊三角展開查看對象的屬性。瀏覽器

Console.dirxml()

若是能夠,打印 XML/HTML 元素表示的指定對象,或者 JavaScript 對象視圖。工具

Console.error()

打印一條錯誤信息,使用方法能夠參考 string substitution。debug

Console._exception()

error方法的別稱,使用方法參考 Console.error()xml

Console.group()

打印樹狀結構,配合groupCollapsed以及groupEnd方法;htm

Console.groupCollapsed()

建立一個新的內聯 group。使用方法和group相同,不一樣的是groupCollapsed打印出來的內容默認是摺疊的。

Console.groupEnd()

結束當前Tree

Console.info()

打印以感嘆號字符開始的信息,使用方法和log相同

Console.log()

打印字符串,使用方法比較相似C的printf格式輸出,可參考 string substitution 。

Console.profile()

能夠以第一個參數爲標識,開始javascript執行過程的數據收集。和chrome控制檯選項開Profiles比較相似,具體可參考chrome profiles

Console.profileEnd()

配合profile方法,做爲數據收集的結束。

Console.table()

將數據打印成表格。Console.table [en-US]

Console.time()

計時器,接受一個參數做爲標識。

Console.timeEnd()

接受一個參數做爲標識,結束特定的計時器。

Console.timeStamp()

添加一個標記到瀏覽器的 Timeline 或 Waterfall 工具.

Console.trace()

打印stack trace.

Console.warn()

打印一個警告信息,使用方法能夠參考 string substitution。

先挖個坑,再來填

參考連接https://developer.mozilla.org...

相關文章
相關標籤/搜索