採用firebug調試javascript（一）

本篇介紹兩方面內容：1、firebug的安裝。2、程式調試

1. 安裝firebug1.1 必須安裝firefox瀏覽器。是人都會的哈。1.2 在工具中選擇“附加組件” 在開啟的附加組件管理器頁面的右側搜尋欄中輸入firebug如果你還沒有安裝firebug，就會出現下面這個表徵圖，點擊安裝1.3 等待安裝完畢，重啟瀏覽器2. 開啟firebug查看js源碼2.1 首先用瀏覽器開啟待查看的檔案。這時候有兩種方法可以開啟firebug。第一種是單擊瀏覽器右上方的表徵圖另一種是在頁面中的任意位置點擊滑鼠右鍵，選擇“使用firebug查看元素”2.2 一般來說，會首先進入查看html元素的頁面

2.3 單擊上方的“指令碼”，這個頁面會顯示

點擊那個重新載入查看原始碼

如果在該頁面提示沒有原始碼，說明原始碼中有語法錯誤，需要先修改語法錯誤。常見的錯誤有：括弧不成對，缺少函數傳回值，變數未定義，大小寫錯誤等。

可以用這個函數檢測代碼中的語法錯誤

function handleErr(msg,url,l){txt="本頁中存在錯誤。\n\n"txt+="錯誤：" + msg + "\n"txt+="URL: " + url + "\n"txt+="行：" + l + "\n\n"txt+="點擊“確定”繼續。\n\n"alert(txt)return true}

3. 調試js代碼3.1 建立斷點在想要建立斷點的行前面單擊滑鼠左鍵。再次單擊滑鼠左鍵可取消斷點。對於同一檔案，再次開啟時會記住之前斷點行。3.2 開始調試回到html頁面，按f5重新整理該頁面。firebug頁面的程式就自動運行到一個斷點了。（如果沒有運行到，說明當前分支無法到達該點，請檢查邏輯）3.3 查看變數在右側的“監控”中可以顯示當前斷點的變數值想要查看更多的變數，可以將滑鼠移到變數上面，就會顯示變數的當前值也可以選中變數單擊右鍵，在彈出框中選擇“添加監控”，該數值就可以顯示在監控欄裡面了。3.4 調試通過右上方的按鈕可以選擇運行到下一個斷點或者逐行運行。邊運行邊通過監控查看變數值，看程式是否正確運行。3.5 修改程式發現問題之後需要在一個文字編輯器中修改，我用的是Notepad++。修改代碼之後儲存，返回瀏覽器的html頁面，按f5重新整理，firebug中的代碼就會自動重新整理。然後繼續3.1~3.4，直到程式沒有錯誤。3.6 建議邊寫程式邊調試，寫完程式就是正確的程式了。