JavaScript 調試
在編寫JavaScript 時，如果沒有調試工具將是一件很痛苦的事情。
JavaScript 調試
沒有調試工具是很難去編寫JavaScript 程序的。
你的代碼可能包含語法錯誤，邏輯錯誤，如果沒有調試工具，這些錯誤比較難於發現。
通常，如果JavaScript 出現錯誤，是不會有提示信息，這樣你就無法找到代碼錯誤的位置。
 | 通常，你在編寫一個新的JavaScript 代碼過程中都會發生錯誤。 |
|---|
JavaScript 調試工具
在程序代碼中尋找錯誤叫做代碼調試。
調試很難，但幸運的是，很多瀏覽器都內置了調試工具。
內置的調試工具可以開始或關閉，嚴重的錯誤信息會發送給用戶。
有了調試工具，我們就可以設置斷點(代碼停止執行的位置), 且可以在代碼執行時檢測變量。
瀏覽器啟用調試工具一般是按下F12 鍵，並在調試菜單中選擇"Console" 。
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>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
嘗試一下»
設置斷點
在調試窗口中，你可以設置JavaScript 代碼的斷點。
在每個斷點上，都會停止執行JavaScript 代碼，以便於我們檢查JavaScript 變量的值。
在檢查完畢後，可以重新執行代碼（如播放按鈕）。
debugger 關鍵字
debugger關鍵字用於停止執行JavaScript，並調用調試函數。
這個關鍵字與在調試工具中設置斷點的效果是一樣的。
如果沒有調試可用，debugger 語句將無法工作。
開啟debugger ，代碼在第三行前停止執行。
主要瀏覽器的調試工具
通常，瀏覽器啟用調試工具一般是按下F12 鍵，並在調試菜單中選擇"Console" 。
各瀏覽器的步驟如下:
Chrome 瀏覽器
- 打開瀏覽器。
- 在菜單中選擇工具。
- 在工具中選擇開發者工具。
- 最後，選擇Console。
Firefox 瀏覽器
- 打開瀏覽器。
- 訪問頁面:
http://www.getfirebug.com。 - 按照說明:
安裝Firebug。
Internet Explorer 瀏覽器。
- 打開瀏覽器。
- 在菜單中選擇工具。
- 在工具中選擇開發者工具。
- 最後，選擇Console。
Opera
- 打開瀏覽器。
- Opera 的內置調試工具為Dragonfly，詳細說明可訪問頁面:
http://www.opera.com/dragonfly/。
Safari
- 打開瀏覽器。
- 右擊鼠標，選擇檢查元素。
- 在底部彈出的窗口中選擇"控制台"。