js除錯工具Console命令詳解

2022-06-08 03:39:08 字數 1546 閱讀 9632

這篇文章主要介紹了js除錯工具console命令詳解,需要的朋友可以參考下

一、顯示資訊的命令

複製** **如下:

最常用的就是console.log了。

二:佔位符

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

複製** **如下:

效果:

三、資訊分組

複製** **如下:

效果:

四、檢視物件的資訊

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

複製** **如下:

效果:

五、顯示某個節點的內容

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

複製** **如下:

我的部落格:www.ido321.com>

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

效果:

六、判斷變數是否是真

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

複製** **如下:

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

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

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

複製** **如下:

控制台輸出資訊:

八、計時功能

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

複製** **如下:

執行時間是38.84ms

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

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

複製** **如下:

js除錯工具Console命令詳解

一 顯示資訊的命令 複製 如下 最常用的就是console.log了。二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 複製 如下 效果 三 資訊分組 複製 如下 效果 四 檢視物件的資訊 console.dir 可...

js除錯工具Console命令詳解

出處 這篇文章主要介紹了js除錯工具console命令詳解,需要的朋友可以參考下 一 顯示資訊的命令 複製 如下 最常用的就是console.log了。二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 複製 如下 效...

js除錯工具Console命令詳解

一 顯示資訊的命令 複製 如下 最常用的就是console.log了。二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 複製 如下 效果 三 資訊分組 複製 如下 效果 四 檢視物件的資訊 console.dir 可...