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

Question

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

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

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

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

(测试在IE 这里:---打开IE与F12工具,切换到"脚本"选项卡,设置断点,按"开始调试"按钮,必要时刷新页面)

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

Answer 1

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

我为您制作了一个简短的截屏视频,以展示Chrome DevTools Live Edit + Breakpoint Debugging.

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