JavaScript基础教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 基础教程

JavaScript 参考手册

JavaScript 调试

程序或脚本中的错误称为bug

调试(Debugging)是测试,发现和减少计算机程序中的错误(bug)的过程。

JavaScript调试器

所有主流浏览器都具有内置的JavaScript调试器。

可以打开和关闭内置调试器,从而将错误报告给用户。

使用调试器,您可以在某些断点(可以停止执行代码的位置)处暂停代码。

一旦执行停止,您可以检查脚本的状态及其变量,以确定是否有问题。

您还可以观察变量值的变化过程。

console.log()方法

如果您的浏览器支持调试,则可以用来console.log()在调试器窗口中显示JavaScript值:

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

console.log(z);
测试看看‹/›

要访问Web浏览器的控制台,请先按F12键盘上的键,然后单击“控制台”选项卡。

调试器(debugger)关键字

debugger关键字调用的任何可用的调试功能性,如设置一个断点。

如果没有可用的调试功能,则此语句无效。

以下示例显示了在其中debugger插入语句以调用调试器的代码:

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;
测试看看‹/›

调用调试器时,该debugger语句的执行将暂停。这就像脚本源中的断点。

主要浏览器的调试工具

通常,您使用激活浏览器F12中的调试,然后在调试器菜单中选择“控制台”。

否则,请按照下列步骤操作:

Chrome

  • 打开浏览器

  • 从菜单中,选择“更多工具”

  • 从工具中,选择“开发人员工具”

  • 最后,选择控制台

FireFox

  • 打开浏览器

  • 从菜单中选择“ Web开发人员”

  • 最后,选择“ Web控制台”

Edge

  • 打开浏览器

  • 从菜单中选择“开发人员工具”

  • 最后,选择“控制台”

Opera

  • 打开浏览器

  • 从菜单中选择“开发人员”

  • 从“开发人员”中,选择“开发人员工具”

  • 最后,选择“控制台”

Safari

  • 转到主菜单中的Safari,首选项,高级

  • 选中“在菜单栏中启用显示开发菜单”

  • 当新选项“开发”出现在菜单中时:
    选择“显示错误控制台”