1. debugger： 我以前也說過，你可以在JavaScript代碼中加入一句debugger;來手工造成一個斷點效果。 需要帶有條件的斷點嗎？你只需要用if語句包圍它： if (somethingHappens) { debugger; } 復制代碼 但要記住在程序發布前刪掉它們。 2. 設置在DOM node發生變化時觸發斷點 有時候你會發現DOM不受你的控制，自己會發生一些奇怪的變化，讓你很難找出問題的根源。 谷歌瀏覽器的開發工具里有一個超級好用的功能，專門可以對付這種情況，叫做“Break on…”，你在DOM節點上右鍵，就能看到這個菜單項。 斷點的觸發條件可以設置成這個節點被刪除、節點的屬性有任何變化，或它的某個子節點有變化發生。 3. Ajax 斷點 XHR斷點，或Ajax斷點，就像它們的名字一樣，可以讓我們設置一個斷點，在特點的Ajax調用發生時觸發它們。 當你在調試Web應用的網絡傳輸時，這一招非常的有效。 4. 移動設備模擬環境 谷歌瀏覽器里有一些非常有趣的模擬移動設備的工具，幫助我們調試程序在移動設備里的運行情況。 找到它的方法是：按F12，調出開發者工具，然后按ESC鍵(當前tab不能是Console)，你就會看到第二層調試窗口出現，里面的Emulation標簽頁里有各種模擬設備可選。 當然，這不會就變成了真正的iPhone，只是模擬了iPhone的尺寸，觸摸事件和瀏覽器User Agent值。 5. 使用Audits改進你的網站 它可快速的審計你的網站，給你提出非常實際有效的優化你的網站的建議和方法。 來源：?http://bbs.html5cn.org/thread-84749-1-1.html

總結

以上是生活随笔為你收集整理的JavaScript程序员必备的5个debug技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。