通常在專案中我們對js指令碼進行除錯有以下2種方式：
首先是最原始也是最簡單的使用alert，在頁面中需要輸出需要的變數的地方加上alert函式，將變數彈出顯示：
alert方式雖然簡單，但是除錯繁瑣，假如需要監視的變數過多的話，會彈出大量的彈出框，使用者體驗相當不好。目前alert除錯方式我們不推薦使用
。其次是使用瀏覽器的除錯工具，chrome，ie以及firefox都自帶瀏覽器除錯工具，特別是firefox還有除錯外掛程式firebug，下面以chrome瀏覽器
的除錯工具為例對js進行除錯。
開啟chrome瀏覽器，在瀏覽器中輸入：http://localhost:8080/standardlesson/com.bstek.dorado.sample.standardlesson.junior.system
.systeminfo.d
在頁面載入完成後，使用【f12】快捷鍵開啟chrome除錯工具，
切換到【sources】頁，在130行用【滑鼠左鍵】打上斷點，然後點選頁面中的【獲取系統資訊】按鈕後，頁面執行到斷點處暫停
我們可以選擇使用快捷鍵【f8】繼續js**執行或者跳到下乙個斷點處，也可以使用快捷鍵【f10】逐過程，即跳過該語句中的方法、表示式等，
快捷鍵【f11】逐語句除錯，即單步除錯，會跳入方法、表示式，進行逐語句的跟蹤除錯。除了快捷鍵我們也可以使用上圖中的按鈕。
點選【f10】，執行下一句js**，滑鼠雙擊選中info並懸停片刻，可以看到info中包含的變數
我們可以看到res中包含3個變數，如果需要新增監視，點選滑鼠右鍵在彈出選單中選擇【add to watch】，新增監視
在右側的【watch expressions】監視區中可以監控res中的變數：
此除錯方法功能強大且方便快捷，但是需要對view檢視輸出到頁面的原始碼比較熟悉，畢竟找到具體的js並打上斷點還是需要花費一番功夫。
滑鼠定位到變數上去，然後右鍵選擇「add to watch」
接下來給大家介紹一種除錯方法，方便快捷，不需要在view輸出的頁面中尋找需要除錯的js，這個也是我們強烈推薦大家的除錯方式。
我們在需要除錯的js中加入debugger關鍵字
開啟chrome頁面載入頁面並使用【f12】快捷鍵開啟除錯工具後，點選頁面中的【獲取系統資訊】按鈕，我們發現斷點自動停止在debugger關
鍵字處：
接下來除錯跟方法二一致，我們發現此方法的好處在於不用在頁面上打斷點，且更加方便快捷。
chrome瀏覽器除錯
f8 下個斷點 f10 單步執行 f11 單步跳入 shift f11 單步跳出 選中變數，右鍵選擇add to watch，檢視變數值比較方便 有時候我們需要監聽某個 dom 被修改情況 js 比較複雜，找不到 對dom做的改變 那麼我們可以直接在 dom 上設定斷點。如圖所見，在元素審查的 el...
google瀏覽器除錯
a.控制台方法和屬性有以下幾個 x dir dirxml keys values profile profileend monitorevents unmonitorevents inspect copy clear geteventlisteners undebug monitor unmonit...
瀏覽器除錯工具
ff firebug yslow，絕對的神器。ie 1.ietester debugbar microsoft script debugger companion.js。ie的除錯工具這麼多？好像分工不一樣，沒有深入使用，感覺不大好用，跟firebug差好遠，沒辦法還是得用，慢慢發現它的優點吧。2....