九個Console命令,讓js除錯更簡單

2022-04-10 08:57:28 字數 1763 閱讀 6469

一、顯示資訊的命令

2:

3:

7:

8:

14:

15:

最常用的就是console.log了。

二:佔位符

console上述的集中度支援printf的佔位符格式,支援的佔位符有:字元(%s)、整數(%d或%i)、浮點數(%f)和物件(%o)

效果:

三、資訊分組

2:

3:

7:

8:

25:

26:

效果:

四、檢視物件的資訊

console.dir()可以顯示乙個物件所有的屬性和方法。

效果:

五、顯示某個節點的內容

console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml**。

2:

3:

7:

8:

"info">

9:

10:

程式愛好者:259280570,歡迎你的加入

11:

12:

16:

17:

效果:

六、判斷變數是否是真

console.assert()用來判斷乙個表示式或變數是否為真。如果結果為否,則在控制台輸出一條相應資訊,並且丟擲乙個異常。

1是非0值,是真;而第二個判斷是假,在控制台顯示錯誤資訊

七、追蹤函式的呼叫軌跡。

console.trace()用來追蹤函式的呼叫軌跡。

控制台輸出資訊:

八、計時功能

console.time()和console.timeend(),用來顯示**的執行時間。

執行時間是38.84ms

九、console.profile()的效能分析

效能分析(profiler)就是分析程式各個部分的執行時間,找出瓶頸所在,使用的方法是console.profile()。

九個Console命令,讓 JS 除錯更簡單

一 顯示資訊的命令 1 2 3 7 8 14 15 最常用的就是 console.log了。二 佔位符 console 上述的集中度支援 printf 的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 佔位符 作用 s 字串 d or i 整數 f浮點數 o 可展開的 ...

九個Console命令,讓js除錯更簡單

一 顯示資訊的命令 常用console命令title head console.log hello console.info 資訊 console.error 錯誤 console.warn 警告 script body html 最常用的就是console.log了。二 佔位符 console上述...

九個Console命令,讓js除錯更簡單

1 2 3 7 8 14 15 作用 s字串 d or i 整數 f 浮點數 o 可展開的dom o列出dom的屬性 c根據提供的css樣式格式化字串 1 格式成可展開的的dom,像在開發者工具element面板那樣可展開 console.log o document.body.firsteleme...