如何调试JavaScript代码？

我使用了几个工具：Fiddler，Firebug和Visual Studio。我听说Internet Explorer 8内置的调试器非常好用。

我曾经使用Firebug，直到Internet Explorer 8发布。虽然我不是Internet Explorer的忠实粉丝，但在使用内置的开发者工具（包括非常好用的调试器）一段时间后，似乎没有使用其他工具的必要了。我不得不向微软致敬，他们在这个工具上做得非常出色。

你也可以查看YUI日志记录器。你只需要在你的HTML中添加一些标签就可以使用它了。它是Firebug的有用补充，而Firebug基本上是必须的。

除了Firebug和浏览器本地开发者扩展之外，JetBrains WebStorm IDE内置Firefox和Chrome的远程调试支持（需要安装扩展）。
还支持以下内容：

• Coffeescript：如何使用WebStorm 6源映射在node.js中调试Coffeescript
• node.js

免费测试此选项的方法是30天试用或使用早期访问版本。

我发现新版本的Internet Explorer 8（按F12）非常适合调试JavaScript代码。
当然，如果你使用Firefox，Firebug也是很好的。

除了使用Visual Studio的JavaScript调试器外，我还编写了自己的简单面板，将其包含在页面中。它就像Visual Studio的立即窗口那样简单。我可以更改我的变量值，调用我的函数并查看变量值。它只是评估文本字段中编写的代码。

我正在使用Venkman，这是一款用于XUL应用程序的JavaScript调试器。

如果您正在使用 Visual Studio，只需在您想调试的代码上面加上debugger;。执行时，控制权将在该位置暂停，您可以从那里逐步进行调试。

和大多数答案一样，这取决于你想通过调试实现什么目标？是基本开发还是解决性能问题？对于基本开发，之前的所有答案都已经足够了。

对于性能测试，我推荐使用Firebug。能够分析哪些方法在时间上最昂贵对于我所参与的许多项目来说非常宝贵。随着客户端库变得越来越强大，并且在客户端总体上承担更多责任，这种调试和分析只会变得更加有用。

Firebug控制台API： http://getfirebug.com/console.html

通过按下 F12，Web 开发人员可以在不离开浏览器的情况下快速调试 JavaScript 代码。它已经内置在每个 Windows 安装中。

在 Internet Explorer 11 中，F12 工具 提供了调试工具，如断点、监视和本地变量查看以及用于消息和立即代码执行的控制台。