javascript除錯的幾個常用技巧

本章節分享幾個常用的前端技巧，需要的朋友可以做一下參考。

一.使用debugger;打斷點:

使用此語句可以在指定位置打一個斷點，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function reverse(string) {
  if (string.length == 0) {
    debugger;
    return string;
  }
  else {
    return reverse(string.substring(1, string.length)) + string.substring(0, 1);
  }
}
var str = "softwhy.com";
console.log(reverse(str));

效果截圖如下:

其實我們使用手動方式進行打斷點，截圖如下:

二.DOM節點發生變化時候的斷點:

=我們也可以監控DOM節點的一些變化，比如屬性變化，是否被刪除等。

使用谷歌瀏覽器也可以為其打一個斷點，截圖如下:

三.Ajax斷點:

XHR斷點，或Ajax斷點，就像名字一樣，可以設定一個斷點，在特點的Ajax呼叫發生時觸發它們。

當在除錯Web應用的網路傳輸時，這一招非常的有效。

四.Audits獲取改進意見:

谷歌瀏覽器的開發者工具裡也有一個非常類似YSlow工具，叫Audits。

它可快速的審計你的網站，給你提出非常實際有效的優化你的網站的建議和方法。