在編寫 JavaScript 時，如果沒有調試工具將是一件很痛苦的事情。

創(chuàng)新互聯(lián)成立于2013年，公司以成都網站建設、成都做網站、系統(tǒng)開發(fā)、網絡推廣、文化傳媒、企業(yè)宣傳、平面廣告設計等為主要業(yè)務，適用行業(yè)近百種。服務企業(yè)客戶超過千家，涉及國內多個省份客戶。擁有多年網站建設開發(fā)經驗。為企業(yè)提供專業(yè)的網站建設、創(chuàng)意設計、宣傳推廣等服務。 通過專業(yè)的設計、獨特的風格，為不同客戶提供各種風格的特色服務。

---

JavaScript 調試

沒有調試工具是很難去編寫 JavaScript 程序的。

你的代碼可能包含語法錯誤，邏輯錯誤，如果沒有調試工具，這些錯誤比較難于發(fā)現(xiàn)。

通常，如果 JavaScript 出現(xiàn)錯誤，是不會有提示信息，這樣你就無法找到代碼錯誤的位置。

	通常，你在編寫一個新的 JavaScript 代碼過程中都會發(fā)生錯誤。

---

JavaScript 調試工具

在程序代碼中尋找錯誤叫做代碼調試。

調試很難，但幸運的是，很多瀏覽器都內置了調試工具。

內置的調試工具可以開始或關閉，嚴重的錯誤信息會發(fā)送給用戶。

有了調試工具，我們就可以設置斷點 (代碼停止執(zhí)行的位置), 且可以在代碼執(zhí)行時檢測變量。

瀏覽器啟用調試工具一般是按下 F12 鍵，并在調試菜單中選擇 "Console" 。

---

console.log() 方法

如果瀏覽器支持調試，你可以使用 console.log() 方法在調試窗口上打印 JavaScript 值：

實例

My First Web Page

嘗試一下 ?

---

設置斷點

在調試窗口中，你可以設置 JavaScript 代碼的斷點。

在每個斷點上，都會停止執(zhí)行 JavaScript 代碼，以便于我們檢查 JavaScript 變量的值。

在檢查完畢后，可以重新執(zhí)行代碼（如播放按鈕）。

---

debugger 關鍵字

debugger 關鍵字用于停止執(zhí)行 JavaScript，并調用調試函數。

這個關鍵字與在調試工具中設置斷點的效果是一樣的。

如果沒有調試可用，debugger 語句將無法工作。

開啟 debugger ，代碼在第三行前停止執(zhí)行。

實例

var x = 15 * 5;

debugger;

document.getElementbyId("demo").innerHTML = x;

嘗試一下 ?

---

主要瀏覽器的調試工具

通常，瀏覽器啟用調試工具一般是按下 F12 鍵，并在調試菜單中選擇 "Console" 。

各瀏覽器的步驟如下:

Chrome 瀏覽器

• 打開瀏覽器。
• 在菜單中選擇工具。
• 在工具中選擇開發(fā)者工具。
• 最后，選擇 Console。

Firefox 瀏覽器

• 打開瀏覽器。
• 訪問頁面:
  http://www.getfirebug.com。
• 按照說明 :
  安裝 Firebug。

Internet Explorer 瀏覽器。

• 打開瀏覽器。
• 在菜單中選擇工具。
• 在工具中選擇開發(fā)者工具。
• 最后，選擇 Console。

Opera

• 打開瀏覽器。
• Opera 的內置調試工具為 Dragonfly，詳細說明可訪問頁面:
  http://www.opera.com/dragonfly/。

Safari

• 打開瀏覽器。
• 訪問頁面:
  http://extentions.apple.com。
• 按說明操作：
  install Firebug Lite。

擴展閱讀

Firebug教程：使用Firebug調試JavaScript

分享名稱：創(chuàng)新互聯(lián)JAVA教程：JavaScript調試
網站網址：http://www.5511xx.com/article/dhgigce.html