錯誤總會發生,每當您寫一些新的計算機代碼時,
JavaScript 除錯
在沒有除錯器的情況下寫 JavaScript 是有難度的,
您的代碼中也許包含了語法錯誤,或者邏輯錯誤,這些都難以診斷,
通常,如果 JavaScript 代碼包含錯誤,也不會發生任何事情,不會有錯誤訊息,并且不會有任何可供查找錯誤的指示資訊,
通常,每當你嘗試撰寫新的 JavaScript 代碼,就可能發生錯誤,
JavaScript 除錯器
查找編程代碼中的錯誤被稱為代碼除錯,
除錯并不簡單,但幸運地是,所有現代瀏覽器都有內置的除錯器,
內置的除錯器可打開或關閉,強制將錯誤報告給用戶,
通過除錯器,您也可以設定斷點(代碼執行被中斷的位置),并在代碼執行時檢查變數,
通常通過 F12 鍵啟動瀏覽器中的除錯器,然后在除錯器選單中選擇“控制臺”,
console.log() 方法
如果您的瀏覽器支持除錯,那么您可以使用 console.log() 在除錯視窗中顯示 JavaScript 的值:
實體
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
提示:請訪問我們的 JavaScript Console 參考手冊,獲取更多有關 console.log() 方法的資訊,
設定斷點
在除錯視窗中,您可在 JavaScript 代碼中設定斷點,
在每個斷點中,JavaScript 將停止執行,以使您能夠檢查 JavaScript 的值,
在檢查值之后,您可以恢復代碼執行,
debugger 關鍵詞
debugger 關鍵詞會停止 JavaScript 的執行,并呼叫(如果有)除錯函式,
這與在除錯器中設定斷點的功能是一樣的,
如果除錯器不可用,debugger 陳述句沒有效果,
如果除錯器已打開,此代碼會在執行第三行之前停止運行,
實體
var x = 15 * 5; debugger; document.getElementbyId("demo").innerHTML = x;
主流瀏覽器的除錯工具
通常,您在瀏覽器中通過 F12 鍵啟用除錯,并在除錯器選單中選擇“控制臺”,
否則請按照以下步驟:
Chrome
- 打開瀏覽器
- 從選單中選擇工具
- 從工具中選擇開發者工具
- 最后,選擇控制臺
Firefox Firebug
- 打開瀏覽器
- 前往網頁:http://www.getfirebug.com
- 根據如下指令:如何安裝 Firebug
Internet Explorer
- 打開瀏覽器
- 從選單選擇工具
- 從工具選擇開發者工具
- 最后,選擇控制臺
Opera
- 打開瀏覽器
- 請前往網頁:http://dev.opera.com
- 根據如下指令:如何安裝 Firebug Lite
Safari Develop Menu
- 點擊 Safari 選單,偏好設定,高級
- 選中“在選單欄中啟用開發選單”
- 當選單中出現新選項“開發”時,選擇“顯示錯誤控制臺”
您知道嗎?
除錯是測驗、找到并減少計算機程式中 bug(錯誤)的程序,
歷史上首個已知的計算機 bug 是一只卡在電子器件中的真實的蟲子(一種昆蟲),
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/161550.html
標籤:JavaScript
上一篇:樹狀圖組件資料轉換
下一篇:控制DIV移動
