console的除錯方法

2022-08-28 19:18:07 字數 1131 閱讀 5440

**自---

一、顯示資訊的命令

1: 2:

3:7:

8:14:

15:

最常用的就是console.log了。

二:佔位符

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

1:效果:

三、資訊分組

1: 2:

3:7:

8:25:

26:

效果:四、檢視物件的資訊

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

1:效果:

五、顯示某個節點的內容

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

1: 2:

3:7:

8:    

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

11:    

12:16:

17:

效果:六、判斷變數是否是真

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

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

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

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

1:控制台輸出資訊:

八、計時功能

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

1:執行時間是38.84ms

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

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

1:輸出如圖:

console除錯命令

一 顯示資訊的命令 二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 三 資訊分組 四 檢視物件的資訊 五 顯示某個節點的內容 程式愛好者 259280570,歡迎你的加入 六 判斷變數是否是真 console.as...

IE下的console除錯

今天算是真正體驗到了在ie下用console.log帶來的麻煩,所以記錄下來,給自己乙個深刻的提醒。ie下是不支援console物件的,或者說在開發工具 f12 未開啟的情況下。所以如果要在ie下做測試,一定要提前把console.log 語句去掉,是去掉而不是注釋掉。測試時遇到的情況 1.先用火狐...

你不知道的console除錯

瀏覽器的開發者工具我們經常用,console.log我們也經常用,但是console還有其它一些方便除錯的命令,我總結了幾個常用的記錄在下面,供以後開發時參考,相信對其他人也有用。var start new date 執行js var end new date console.time 執行時間 執...