最新的Web开发教程
 

JavaScript调试


这是很容易迷路没有调试编写JavaScript代码。


JavaScript调试

这是很难编写JavaScript代码没有调试器。

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

通常情况下,当JavaScript代码包含错误,什么都不会发生。 有没有错误信息,你会得到任何迹象,其中以搜索错误。

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


JavaScript调试

搜索在编程代码中的错误被称为代码调试。

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

内置调试器可以和关闭,迫使错误报告给用户。

有了一个调试器,你也可以在代码执行时设置断点(地方执行代码可以停止),并检查变量。

通常情况下,否则按照本网页底部的步骤,您激活调试与F12键你的浏览器,并在调试菜单中选择“控制台”。


console.log()方法

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

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

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

</body>
</html>
试一试»

设置断点

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

在每一个断点,JavaScript的将停止执行,并让您检查的JavaScript值。

检查值后,您可以继续执行代码(通常与一个播放按钮)。


调试器关键字

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

这具有相同的功能,在调试器设置断点。

如果没有调试可用,调试器语句没有影响。

与调试器打开时,该代码将停止执​​行其执行第三行之前。

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

主流浏览器“的调试工具

通常情况下,你在F12启用浏览器的调试,并在调试菜单中选择“控制台”。

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

Chrome

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

Firefox Firebug

  • 打开浏览器。
  • 进入网页:
    http://www.getfirebug.com
  • 按照说明如何:
    安装Firebug的

Internet Explorer

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

Opera

  • 打开浏览器。
  • 进入网页:
    http://dev.opera.com
  • 按照说明如何:
    添加一个开发者控制台按钮工具栏。

Safari Firebug

  • 打开浏览器。
  • 进入网页:
    http://extensions.apple.com
  • 按照说明如何:
    安装Firebug的精简版。

Safari Develop Menu

  • 去野生动物园,首先进的主菜单。
  • 选中“启用显示开发菜单栏菜单”。
  • 当新的选择“发展”出现在菜单:
    选择“显示错误控制台”。

你知道吗?

调试是测试的过程中,发现,并减少在计算机程序的错误(错误)。
第一个已知漏洞的计算机被卡在电子设备的真正的bug(昆虫)。