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

Question

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

所以，对于这个功能......

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

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

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

我喜欢这个“set next statement”功能。但是，我没有在Chrome的开发工具或Firebug中注意到它。这些调试器中是否存在此功能？

Answer 1

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

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

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