FireBug调试JS入门教程如何调试JS

不用说，安装非常简单。在FireFox上的插件库中找到FireBug是可以的。下图是FireBug调试窗口。

FireBug被艺人们广泛使用，公司的妹妹也非常熟练。对于我们的开发人员来说，我们主要使用它来调试JS。看看Debug功能的官方介绍。Firebug包括一个强大的JavaScript调试器，可以让你随时暂停执行，看看每个变量当时的样子。如果你的代码有点迟缓，使用JavaScript profiler来测量性能并快速找到瓶颈。简而言之，FireBug允许我们随时调试JS和查看变量，同时找出JS中的性能瓶颈。下图展示了如何找到Web应用程序的JS，激活Firebug，点击脚本，然后在All旁边选择想要调试的JS。

下图展示了如何中断点，基本和Eclipse一样。点击行号，就可以了。

下图显示了如何设置断点条件。如果满足条件，将进入断点。这个函数非常好，尤其是调试复杂函数的时候。

下图展示了如何单步调试，就像Eclipse一样，F11单步。

下图是查看被调用的Stack，对于复杂JS的调试非常有帮助。

下图显示查看变量基本上与EclipseDebug相同。

下图显示了断点处的变量视图。

有一个非常有用的功能，代码行传输很快，很容易调试几千行JS。

下图是性能测试结果，使用了一个简单的点配置文件。

还有一个更实用的Log函数。看下图。如果你不想每次都输入断点，那么使用这个函数就太好了。

这是基本用法。希望对大家有帮助。