Chrome 调试器 - 如何在不进入函数的情况下转到下一行?

Chrome debugger - how to go to next line without entring in function?

例如:

const x = 10
const f1 = () => {/* do something... */}
f1() // <<-- I'm here
console.log(x) // I want to go here without entring to f1 AT ALL but still let f1 execute.

我想让f1执行,但我不想超过它。

可能吗?


没有重复:

另一个问题是找到一种方法来防止任何行执行,而这个问题是关于让唯一函数调用的行执行但没有调试器进入它们的执行。

  1. f1() 行添加一个断点。
  2. 将其注释掉 /* f1() */ 并按 CMD + S 保存。
  3. 按下播放键

这样函数调用就会被注释掉

I want to let f1 execute but I don't want to go over it.

我假设您不想阻止 Chrome 从 运行 f1() 但不必逐行跨过它。

如果你想跨越多行"Continue to here"从编辑器标尺上的上下文菜单似乎是最好的选择:

Firefox 开发工具中提供了相同的选项。

正如评论中 提到的,Step Over 按钮完全符合您的要求。

在下面的 GIF 中,您可以看到我暂停了 doStuff()。我还没有执行它。单击 Step Over 后,我暂停在下面的代码行 doStuff()doStuff() 中定义的三个 console.log() 语句已记录到控制台。因此,doStuff() 函数已执行,您无需单步执行函数的每一行。

请参阅 Step through code 以了解有关每个代码步进按钮的更多信息。