如果我debugger在打开 Chrome 开发工具的情况下将语句放入我的 JavaScript 源代码中,它将停止执行,因此我可以从控制台以交互方式探索当前上下文。真是太棒了。
但不幸的是,它也会切换到 Sources 选项卡并显示debugger语句发生的行。大多数时候,我想键入 JavaScript 命令,所以我必须手动切换回控制台选项卡。
我可以避免选项卡切换并留在控制台选项卡中吗?
还是我用错了?
如果我debugger在打开 Chrome 开发工具的情况下将语句放入我的 JavaScript 源代码中,它将停止执行,因此我可以从控制台以交互方式探索当前上下文。真是太棒了。
但不幸的是,它也会切换到 Sources 选项卡并显示debugger语句发生的行。大多数时候,我想键入 JavaScript 命令,所以我必须手动切换回控制台选项卡。
我可以避免选项卡切换并留在控制台选项卡中吗?
还是我用错了?
看起来 Chrome 在其间的 9 年中增加了对此的偏好:https ://stackoverflow.com/a/69216922/66673
引用那个答案:
我有同样的问题,它让我发疯!我管理它停止切换的方法是进入 DevTools 设置 -> 首选项。
在 Sources options 下,在触发断点时取消选中 Focus Sources 面板。
这是有原因的——每当代码停止时,由于断点或debugger语句,您通常希望实际查看执行停止的位置。因此,开发者工具切换到 Scripts/Sources 选项卡,这是主流浏览器的常见行为,可能还会显示局部变量、调用堆栈等。
您可以做的最好的事情是保持控制台框架始终打开,这样您就可以开始工作了。只需按 Esc 或单击左下角的第二个图标。这就是我通常做的。
当您希望从您键入的命令中获得大量响应时,请切换到“控制台”选项卡。