如果我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 或单击左下角的第二个图标。这就是我通常做的。
当您希望从您键入的命令中获得大量响应时,请切换到“控制台”选项卡。