JavaScript 調(diào)試

程序或腳本中的錯(cuò)誤稱為bug。

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

JavaScript調(diào)試器

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

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

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

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

您還可以觀察變量值的變化過(guò)程。

console.log()方法

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

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

console.log(z);

要訪問(wèn)Web瀏覽器的控制臺(tái)，請(qǐng)先按F12鍵盤上的鍵，然后單擊“控制臺(tái)”選項(xiàng)卡。

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

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

如果沒(méi)有可用的調(diào)試功能，則此語(yǔ)句無(wú)效。

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

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

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

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

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

否則，請(qǐng)按照下列步驟操作：

Chrome

• 打開(kāi)瀏覽器

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

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

• 最后，選擇控制臺(tái)

FireFox

• 打開(kāi)瀏覽器

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

• 最后，選擇“ Web控制臺(tái)”

Edge

• 打開(kāi)瀏覽器

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

• 最后，選擇“控制臺(tái)”

Opera

• 打開(kāi)瀏覽器

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

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

• 最后，選擇“控制臺(tái)”

Safari

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

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

• 當(dāng)新選項(xiàng)“開(kāi)發(fā)”出現(xiàn)在菜單中時(shí)：
  選擇“顯示錯(cuò)誤控制臺(tái)”