javascript - Chrome 的开发工具或 Firebug 中是否存在 "Set next statement"功能？

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 实时编辑 + 断点调试。

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