JavaScript 調(diào)試

程序或腳本中的錯誤稱為bug。

調(diào)試(Debugging)是測試，發(fā)現(xiàn)和減少計算機程序中的錯誤（bug）的過程。

JavaScript調(diào)試器

所有主流瀏覽器都具有內(nèi)置的JavaScript調(diào)試器。

可以打開和關(guān)閉內(nèi)置調(diào)試器，從而將錯誤報告給用戶。

使用調(diào)試器，您可以在某些斷點（可以停止執(zhí)行代碼的位置）處暫停代碼。

一旦執(zhí)行停止，您可以檢查腳本的狀態(tài)及其變量，以確定是否有問題。

您還可以觀察變量值的變化過程。

console.log()方法

如果您的瀏覽器支持調(diào)試，則可以用來console.log()在調(diào)試器窗口中顯示JavaScript值：

let x = 50;
let y = 20;
let z = x + y;

console.log(z);

要訪問Web瀏覽器的控制臺，請先按F12鍵盤上的鍵，然后單擊“控制臺”選項卡。

調(diào)試器(debugger)關(guān)鍵字

debugger關(guān)鍵字調(diào)用的任何可用的調(diào)試功能性，如設(shè)置一個斷點。

如果沒有可用的調(diào)試功能，則此語句無效。

以下示例顯示了在其中debugger插入語句以調(diào)用調(diào)試器的代碼：

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;

調(diào)用調(diào)試器時，該debugger語句的執(zhí)行將暫停。這就像腳本源中的斷點。

主要瀏覽器的調(diào)試工具

通常，您使用激活瀏覽器F12中的調(diào)試，然后在調(diào)試器菜單中選擇“控制臺”。

否則，請按照下列步驟操作：

Chrome

• 打開瀏覽器

• 從菜單中，選擇“更多工具”

• 從工具中，選擇“開發(fā)人員工具”

• 最后，選擇控制臺

FireFox

• 打開瀏覽器

• 從菜單中選擇“ Web開發(fā)人員”

• 最后，選擇“ Web控制臺”

Edge

• 打開瀏覽器

• 從菜單中選擇“開發(fā)人員工具”

• 最后，選擇“控制臺”

Opera

• 打開瀏覽器

• 從菜單中選擇“開發(fā)人員”

• 從“開發(fā)人員”中，選擇“開發(fā)人員工具”
  

• 最后，選擇“控制臺”

Safari

• 轉(zhuǎn)到主菜單中的Safari，首選項，高級

• 選中“在菜單欄中啟用顯示開發(fā)菜單”

• 當新選項“開發(fā)”出現(xiàn)在菜單中時：
  選擇“顯示錯誤控制臺”