JavaScript 調試
在沒有調試器的情況下寫 JavaScript 是有難度的。
您的代碼中也許包含了語法錯誤,或者邏輯錯誤,這些都難以診斷。
通常,如果 JavaScript 代碼包含錯誤,也不會發生任何事情。不會有錯誤消息,並且不會有任何可供查找錯誤的指示信息。
通常,每當你嘗試編寫新的 JavaScript 代碼,就可能發生錯誤。
JavaScript 調試器
查找編程代碼中的錯誤被稱為代碼調試。
調試並不簡單。但幸運地是,所有現代瀏覽器都有內置的調試器。
內置的調試器可打開或關閉,強制將錯誤報告給用戶。
通過調試器,您也可以設置斷點(代碼執行被中斷的位置),並在代碼執行時檢查變量。
通常通過 F12 鍵啟動瀏覽器中的調試器,然後在調試器菜單中選擇“控制檯”。
console.log() 方法
如果您的瀏覽器支持調試,那麼您可以使用 console.log() 在調試窗口中顯示 JavaScript 的值:
實例
<code>My First Web Page
/<code>
親自試一試
提示:請訪問我們的 JavaScript Console 參考手冊,獲取更多有關 console.log() 方法的信息。
設置斷點
在調試窗口中,您可在 JavaScript 代碼中設置斷點。
在每個斷點中,JavaScript 將停止執行,以使您能夠檢查 JavaScript 的值。
在檢查值之後,您可以恢復代碼執行。
debugger 關鍵詞
debugger 關鍵詞會停止 JavaScript 的執行,並調用(如果有)調試函數。
這與在調試器中設置斷點的功能是一樣的。
如果調試器不可用,debugger 語句沒有效果。
如果調試器已打開,此代碼會在執行第三行之前停止運行。
實例
<code>var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
/<code>
親自試一試
主流瀏覽器的調試工具
通常,您在瀏覽器中通過 F12 鍵啟用調試,並在調試器菜單中選擇“控制檯”。
否則請按照以下步驟:
Chrome
- 打開瀏覽器
- 從菜單中選擇工具
- 從工具中選擇開發者工具
- 最後,選擇控制檯
Firefox Firebug
- 打開瀏覽器
- 前往網頁:http://www.getfirebug.com
- 根據如下指令:如何安裝 Firebug
Internet Explorer
- 打開瀏覽器
- 從菜單選擇工具
- 從工具選擇開發者工具
- 最後,選擇控制檯
Opera
- 打開瀏覽器
- 請前往網頁:http://dev.opera.com
- 根據如下指令:如何安裝 Firebug Lite
Safari Develop Menu
- 點擊 Safari 菜單,偏好設置,高級
- 選中“在菜單欄中啟用開發菜單”
- 當菜單中出現新選項“開發”時,選擇“顯示錯誤控制檯”
您知道嗎?
調試是測試、找到並減少計算機程序中 bug(錯誤)的過程。
歷史上首個已知的計算機 bug 是一隻卡在電子器件中的真實的蟲子(一種昆蟲)。
閱讀更多 鎮上寶塔 的文章