所有的瀏覽器都有調試臺的功能，火狐的話firebug比較好，然后火狐console.log()這個方法不錯，你可以試試

我一直使用printf調試程序，一般來說都是比較順利，但有時候，你會發(fā)現需要更好的方法。下面幾個JavaScript技巧相信你一定會覺得十分有用

1. debugger;

我以前也說過，你可以在JavaScript代碼中加入一句debugger;來手工造成一個斷點效果。
需要帶有條件的斷點嗎？你只需要用if語句包圍它：

復制代碼
代碼如下:

if (somethingHappens) {

debugger;

}

但要記住在程序發(fā)布前刪掉它們。
2. 設置在DOM node發(fā)生變化時觸發(fā)斷點
有時候你會發(fā)現DOM不受你的控制，自己會發(fā)生一些奇怪的變化，讓你很難找出問題的根源。

谷歌瀏覽器的開發(fā)工具里有一個超級好用的功能，專門可以對付這種情況，叫做“Break
on…”，你在DOM節(jié)點上右鍵，就能看到這個菜單項。

斷點的觸發(fā)條件可以設置成這個節(jié)點被刪除、節(jié)點的屬性有任何變化，或它的某個子節(jié)點有變化發(fā)生。

3. Ajax
斷點
XHR斷點，或Ajax斷點，就像它們的名字一樣，可以讓我們設置一個斷點，在特點的Ajax調用發(fā)生時觸發(fā)它們。

當你在調試Web應用的網絡傳輸時，這一招非常的有效。

4.
移動設備模擬環(huán)境
谷歌瀏覽器里有一些非常有趣的模擬移動設備的工具，幫助我們調試程序在移動設備里的運行情況。

找到它的方法是：按F12，調出開發(fā)者工具，然后按ESC鍵(當前tab不能是Console)，你就會看到第二層調試窗口出現，里面的Emulation標簽頁里有各種模擬設備可選。

當然，這不會就變成了真正的iPhone，只是模擬了iPhone的尺寸，觸摸事件和瀏覽器User Agent值。

5. 使用Audits改進你的網站
YSlow是一個非常棒的工具。谷歌瀏覽器的開發(fā)者工具里也有一個非常類似的工具，叫Audits。

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