你的代碼可能包含語法錯誤,邏輯錯誤,如果沒有調試工具,這些錯誤比較難於發現。 通常,如果 JavaScript 出現錯誤,是不會有提示信息,這樣你就無法找到代碼錯誤的位置。 在程式代碼中尋找錯誤叫做代碼調試。 JavaScript 調試工具 調試很難,但幸運的是,很多瀏覽器都內置了調試工具。 內置的 ...
你的代碼可能包含語法錯誤,邏輯錯誤,如果沒有調試工具,這些錯誤比較難於發現。
通常,如果 JavaScript 出現錯誤,是不會有提示信息,這樣你就無法找到代碼錯誤的位置。
在程式代碼中尋找錯誤叫做代碼調試。
JavaScript 調試工具
調試很難,但幸運的是,很多瀏覽器都內置了調試工具。
內置的調試工具可以開始或關閉,嚴重的錯誤信息會發送給用戶。
有了調試工具,我們就可以設置斷點 (代碼停止執行的位置), 且可以在代碼執行時檢測變數。
瀏覽器啟用調試工具一般是按下 F12 鍵,併在調試菜單中選擇 "Console" 。
1.alert方法
一般用來調試客戶端的javascript代碼。
JavaScript alert()函數的使用,alert--彈出消息對話框,並且alert消息對話框通常用於一些對用戶的提示信息。
alert--彈出消息對話框(對話框中有一個OK按鈕)
alert,中文"提醒"的意思
alert函數語法
alert(str);
alert函數提示框圖示:
提示:消息對話框是由系統提供的,因此樣式字體在不同瀏覽器中可能不同。
提示:消息對話框是排它的,也就是在用戶點擊對話框的按鈕前,不能進行任何其它操作。
對簡單的代碼,可以逐行使用函數調試,找出問題所在。
2.console.log方法
如果瀏覽器支持調試,你可以使用 console.log() 方法在調試視窗上列印 JavaScript 值:
當在js代碼中調用Console.log方法時,相應的信息就會在控制臺中顯示。相對於alert方法,有三個優點:
1. 如參數為一個對象,則可在控制台查看所有屬性信息。
2. 類似C#中的string.Format功能,不需字元串拼接。
3. 無彈窗,即使不刪除,也不會影響頁面體驗。
3.設置斷點
在調試視窗中,你可以設置 JavaScript 代碼的斷點。
在每個斷點上,都會停止執行 JavaScript 代碼,以便於我們檢查 JavaScript 變數的值。
在檢查完畢後,可以重新執行代碼(如播放按鈕)。
4.debugger 關鍵字
用於停止執行 JavaScript,並調用調試函數。
這個關鍵字與在調試工具中設置斷點的效果是一樣的。
如果沒有調試可用,debugger 語句將無法工作。
開啟 debugger ,代碼在第三行前停止執行。