48

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

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

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

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

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

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

4

1 回答 1

38

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

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

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

于 2012-04-30T18:12:12.883 回答