JavaScript调试



这是很容易发生错误编写JavaScript代码没有调试器.


JavaScript 调试

写JavaScript不使用代码调试器是很困难的.

您的代码可能包含难以诊断的,语法错误或逻辑错误.

通常,当JavaScript代码包含错误,什么都不会发生。没有错误消息,你将没有迹象表明在哪里搜索错误.

通常情况下,错误会发生,你的每一次尝试写一些新的JavaScript代码.


JavaScript 调试器

在编程代码中查找错误称为代码调试.

调试不容易。但幸运的是,所有现代浏览器都有内置调试器.

内置的调试器,可以开启和关闭,迫使错误被报告给用户.

使用调试器,还可以设置断点(可以停止代码执行的地方),并在代码执行时检查变量。

你在你的浏览器中激活调试用F12键,并选择“Console”菜单中的调试。


console.log() 方法

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

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个web页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

让我试试


设置断点

在调试器窗口中,你可以在JavaScript代码中设置断点.

在每一个断点,JavaScript将停止执行,并让你查看JavaScript值.

检查值后,您可以恢复代码的执行(通常是使用执行按钮).


调试器关键词

调试器关键词停止JavaScript的执行,并要求(如果有)的调试功能.

这与调试器中设置断点的功能相同.

如果没有可用的调试,debugger语句没有影响.

随着调试器打开,此代码将停止执行之前,它执行第三行.

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

让我试试


主要浏览器调试工具

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

否则按照这些步骤:

Chrome

  • 打开浏览器。
  • 从菜单中选择工具。
  • 从工具,选择开发工具。
  • 最后,选择控制台。

Firefox Firebug

Internet Explorer

  • 打开浏览器。
  • 从菜单中选择工具。
  • 从工具,选择开发工具。
  • 最后,选择控制台。

Opera

  • 打开浏览器。
  • 转到网页: http://dev.opera.com
  • 按照指示去做: 在工具栏上添加一个开发者控制台按钮。

Safari Firebug

Safari Develop Menu

  • 打开Safari, 首先项, 主菜单中的高级.
  • 选中 "Enable Show Develop menu in menu bar".
  • 当新的菜单选项"Develop"出现在菜单栏时: 选择 "Show Error Console".

你知道吗?

调试是在计算机程序中测试、查找和减少错误(错误)的过程。 第一个已知的计算机错误是一个真正的臭虫(昆虫)停留在电子元器件上。