目前，常用的瀏覽器IE、Chrome、Firefox都有相應的指令碼除錯功能。我們先來看IE的： 1、在F12開發人員工具中進行除錯 開啟IE瀏覽器，按下F12鍵，就會開啟開發人員工具，這是IE內建的開發人員開發工具，方便開發人員對HTML、CSS、Javascript等網頁資源進行跟蹤除錯使用的。 如果你開啟的時候沒有固定在網頁底部，可以點選右上角選單欄中的按鈕來完成。 我們看到在這個工具窗口裡面有幾個標籤頁，分別是：HTML、CSS、控制檯、指令碼、探查器和網路，點開每一個標籤，可以執行相應的任務。 在HTML標籤視窗中，工具欄中的按鈕所執行的操作如下圖： CSS標籤是用來檢視樣式的；控制檯顯示網頁中JS的各種輸出資訊，包括錯誤資訊、使用者日誌等；開啟指令碼標籤頁，這裡面才是我們想要的內容。 我在圖中用黃色矩形選中連個控制元件，左側的下拉列表用來選擇檔案，右側的按鈕用來啟動除錯。當點選啟動除錯後，除錯程式會將視窗最大化，我們在選中的檔案中找到需要除錯的位置，點選左側邊欄新增斷點即可進行除錯。 當有程式執行到我們的斷點處時，就可以進行除錯了： 在這裡，我們可以使用快捷鍵進行操作，常用的快捷鍵如下： F9：新增/移除 斷點 F10：逐過程，即跳過該語句中的方法、表示式等 F11：逐語句除錯，即單步除錯，會跳入方法、表示式，進行逐語句的跟蹤除錯 在執行過程中，如果我們要執行即時的程式碼，我們就需要在右側的窗格中輸入程式碼，按回車即可： 如果要執行多行程式碼，點選執行按鈕右側的雙箭頭，就會開啟多行模式。我就不再截圖片了。 這種直接在瀏覽器中除錯的方法同樣適用於Google瀏覽器Chrome和FireFox FireDebug，只不過在細枝末葉上面有些不同罷了，主體的功能都是一樣的。 按F12鍵進入開發者工具，可以檢視原始碼、樣式和js： 點選Scripts按鈕，可以開啟這個除錯視窗，裡面包含了網頁中指令碼檔案原始碼，點選左側的按鈕可以開啟選擇檔案的側視窗。 2、使用debugger關鍵字進行除錯 這種方法很簡單，我們只需要在進行除錯的地方加入debugger關鍵字，然後當瀏覽器執行到這個關鍵字的時候，就會中斷： 設定以後就可以使用debugger關鍵字進行除錯了；進過這樣的設定，我們還可以捕獲到意外的錯誤，進行跟蹤除錯。