Chrome 控制台console的用法

2021-09-07 05:46:15 字數 1423 閱讀 9806

google瀏覽器除錯時可能會用到:

1、console.log用於輸出普通資訊

2、console.info用於輸出提示性資訊

3、console.error用於輸出錯誤資訊

4、console.warn用於輸出警示資訊

7、console.assert對輸入的表示式進行斷言,只有表示式為false時,才輸出相應的資訊到控制台

8、console.count(這個方法非常實用哦)當你想統計**被執行的次數

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

下面介紹一下控制台的一些快捷鍵

1、方向鍵盤的上下鍵,大家一用就知曉。比如用上鍵就相當於使用上次在控制台的輸入符號

2、$_命令返回最近一次表示式執行的結果,功能跟按向上的方向鍵再回車是一樣的

copy通過此命令可以將在控制台獲取到的內容複製到剪貼簿

keys和values前者返回傳入物件所有屬性名組成的資料,後者返回所有屬性值組成的陣列

console.table方法

chrome控制台小技巧

對於大多數開發人員來說,chrome控制台最常用的命令就是 console.log 了,然後還有一些其他類似的命令,如 console.info 提示資訊 console.error 錯誤資訊 console.warn 警示資訊 然而,這些命令可能很多人都知道,然而,console.log 支援的多...

判斷控制台是否開啟 chrome

從自己的medium同步過來 最近在網上瞎逛看到stack overflow上的這個老話題find out whether chrome console is open 很有意思,就決定實踐學習一下。判斷控制台是否開啟這種需求雖然沒遇見過,但感覺還是有可能會遇到的,特別是做一些簡單的安全限制,稍微的...

如果來chrome控制台debugger除錯Vue

如果是單頁面,const vm new vue 的話,那麼可以用在控制台裡用vm 如果是sfc單檔案元件,那麼可以在控制台裡使用 vue devtools global hook 發現乙個問題,當使用 vue devtools global hook 時,如果使用模組,發現狀態可以用,如 vue d...