Chrome 的开发工具或 Firebug 中是否存在“设置下一条语句”功能？

Question

IE 的开发工具，更具体地说是它的 JavaScript 调试器，提供了“设置下一条语句”命令，使您能够指定接下来应该执行哪条语句。这样，您可以有效地跳过函数的某些部分，甚至（再次有效地）提前从函数返回。

所以，对于这个函数...

function test () {
    alert(1);
    alert(2);
    alert(3);
}

如果我们在第一个警报上设置断点，然后调用该函数，我们可以执行第一个警报（F10），然后右键单击第三个警报并选择“设置下一条语句”。现在，如果我们按 F10，将执行第三个警报，因此实际上跳过了第二个警报。

（在IE中测试here：---用F12打开IE的工具，切换到“脚本”选项卡，设置断点，按“开始调试”按钮，必要时刷新页面）

我喜欢这个“设置下一条语句”功能。但是，我在 Chrome 的开发工具或 Firebug 中没有注意到它。这些调试器中是否存在此功能？

Answer 1

虽然 Chrome DevTools 没有“设置下一条语句”，但您可以通过在断点处暂停时编辑 JavaScript 来更明确地定义下一条语句。

我为您制作了一个简短的screencast 来展示 Chrome DevTools Live Edit + Breakpoint Debugging。

本质上：在断点处，通过单击“脚本”面板并进行更改来实时编辑您的脚本。点击 cmd + s 保存。然后遍历该代码及其新更改。比绕过代码更强大，您还可以添加新功能。