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".

你知道吗？

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