如何在 Google chrome javascript 调试器中单步执行代码答案

【问题标题】：How to step through code in Google chrome javascript debugger如何在 Google chrome javascript 调试器中单步执行代码
【发布时间】：2010-12-07 06:46:30
【问题描述】：

我对 Google Chrome 感到非常沮丧...我的版本是 3.0.195.27，并且想要调试一些在 IE、FF 中运行但在 Chrome 中不运行的 JavaScript。

当我打开调试器并标记断点（蓝色箭头）并执行 JavaScript 时，它会遇到断点，然后我不知道如何单步执行代码 ....我尝试了所有功能键.....F5 使整个窗口刷新......

在控制台窗口中键入 next 没有任何作用.....

加上调试器在伤口上进一步加盐的速度很慢……

【问题讨论】：

非常感谢你们……我只是看的不够仔细……按钮在那里……

标签： javascript debugging google-chrome

【解决方案1】：

使用检查器右端、搜索字段下方和监视/调用堆栈部分上方的暂停、跳过、进入、退出按钮。

【讨论】：

【解决方案2】：

我建议您使用 FireBug 进行调试。它绝对是最好的工具。

我有 Chrome 版本 4.0.221.6，我有一个按钮列表，我可以在其中单步执行/单步执行

所以也许您需要更新您的 Chrome 版本？

【讨论】：

Chrome 也有 firebug lite 扩展。
Chrome devtools 现在比 firebug 好
这实际上并没有回答问题。它展示了如何使用 firebug，而不是 chrome 开发工具。请投反对票
看我回答的日期。在我写这篇文章的时候，chrome 还没有自己的调试器。这就是为什么我推荐萤火虫。所以停止投票
@k0ni：如果您的答案不再正确，您应该删除它或更新它以供将来的读者阅读。

【解决方案3】：

我使用的是 Chrome 3.0.195.27，并且可以使用以下键：

F8 -> 运行
F10 -> 跳过
F11 -> 进入

确保您将注意力集中在 JavaScript 控制台上。

【讨论】：

与 Opera 中的键相同
5 年后仍然很好用

【解决方案4】：

除了 F8（运行）F10（跳过）和 F11（步入）之外，您还可以通过单击每行左侧的行号来单步执行您的代码，并且一次一个地在每个行上创建一个断点线。然后通过使用 F8 您的代码将运行一行并在下一个断点处停止。这具有使您能够单步执行代码的效果。如果下一个代码行是一个函数，则根据您想要的结果使用 F10 或 F11。

有人否决了这个答案，但没有说明原因。评论会很有帮助。如果您有更好的方法来单步执行代码，请添加注释来解释您的方法。

【讨论】：

单步执行代码的更好方法是不要在每一行都使用断点。
@NathanTuggy 你知道另一种方法吗？我在看这里，这似乎是唯一的建议。
@cdignam：嗯，答案提到了两种更好的方法，但没有探索它们，而是推荐了一种非常麻烦的技术，即创建尽可能多的断点，因为有要通过的行。但是 F10 和 F11 已经一步一步声明。当然，设置一个断点，但您只需要一个断点即可到达您可以单步执行的位置。
@NathanTuggy > 但是 F10 和 F11 已经一步一步声明。这是不正确的。他们跳过“下一个函数调用”，这是完全不同的。
@foverzar：F10 和 F11 单步完全不亚于“断点每一行”的愚蠢。