javascript - 调试 JavaScript

Question

<分区>

Answer 1

我最近从 Firebug 切换到 Google Chrome，因为它内置了一些非常强大的调试工具(Ctrl+Shift+J 打开开发者工具窗口)，包括断点。

我还使用日志记录/跟踪来取得很好的效果。一些例子:

• 当代码运行时没有语法错误但没有达到我的预期，我可以将消息(例如“here1”、“here2”等)记录到控制台以查看发生了什么(也可以通过使用调试器单步执行，但如果您的逻辑处于疯狂循环或需要一段时间才能单步执行的情况下，这可能会更难)。
• 当警告框或断点的阻塞特性会破坏我正在调试的代码时。当我设置了多个计时器间隔时，这种情况经常发生。在长循环中使用警告框也很痛苦(断点也可能如此)。
• 当我想查看某个变量在代码中某个位置的值时。如果这是一次性的事情，那么断点就很好(更好，甚至，因为我可以检查该上下文中任何变量的值)，但是如果该代码经常执行并且我只关心，比如说，第三个在我单击某个链接后执行的时间，那么日志记录非常有帮助。我可以忽略我不想要的输出(或者清除它是否妨碍)，只专注于我感兴趣的输出。