js調試工具Console命令詳解_javascript技巧

一、顯示訊息的指令

複製程式碼 程式碼如下:

最常用的就是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()。
 

複製程式碼 程式碼如下:

說明一下，LZ測試時，在All()中未加alert,控制條沒有輸出，加上了之後，就有了一張性能分析表，暫時不清楚原因，若你知道，可以評論。