鬆軟科技Web課堂:重要->JavaScript 調試

時間 2019-12-20

標籤鬆軟科技 web 課堂重要 javascript 調試欄目 HTML 简体版

原文原文鏈接

錯誤總會發生，每當您寫一些新的計算機代碼時。html

JavaScript 調試

在沒有調試器的狀況下寫 JavaScript 是有難度的。編程

您的代碼中也許包含了語法錯誤，或者邏輯錯誤，這些都難以診斷。瀏覽器

一般，若是 JavaScript 代碼包含錯誤，也不會發生任何事情。不會有錯誤消息，而且不會有任何可供查找錯誤的指示信息。函數

一般，每當你嘗試編寫新的 JavaScript 代碼，就可能發生錯誤。工具

JavaScript 調試器

查找編程代碼中的錯誤被稱爲代碼調試。測試

調試並不簡單。但幸運地是，全部現代瀏覽器都有內置的調試器。spa

內置的調試器可打開或關閉，強制將錯誤報告給用戶。debug

經過調試器，您也能夠設置斷點（代碼執行被中斷的位置），並在代碼執行時檢查變量。調試

一般經過 F12 鍵啓動瀏覽器中的調試器，而後在調試器菜單中選擇「控制檯」。code

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 是一隻卡在電子器件中的真實的蟲子（一種昆蟲）。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。