24

如果我debugger在打开 Chrome 开发工具的情况下将语句放入我的 JavaScript 源代码中,它将停止执行,因此我可以从控制台以交互方式探索当前上下文。真是太棒了。

但不幸的是,它也会切换到 Sources 选项卡并显示debugger语句发生的行。大多数时候,我想键入 JavaScript 命令,所以我必须手动切换回控制台选项卡。

我可以避免选项卡切换并留在控制台选项卡中吗?

还是我用错了?

4

3 回答 3

23

右键单击源选项卡并选择“移至底部”。 在此处输入图像描述

于 2021-02-01T12:48:49.713 回答
1

看起来 Chrome 在其间的 9 年中增加了对此的偏好:https ://stackoverflow.com/a/69216922/66673

引用那个答案:

我有同样的问题,它让我发疯!我管理它停止切换的方法是进入 DevTools 设置 -> 首选项。

在 Sources options 下,在触发断点时取消选中 Focus Sources 面板。

于 2022-02-09T18:38:32.323 回答
-3

这是有原因的——每当代码停止时,由于断点或debugger语句,您通常希望实际查看执行停止的位置。因此,开发者工具切换到 Scripts/Sources 选项卡,这是主流浏览器的常见行为,可能还会显示局部变量、调用堆栈等。

您可以做的最好的事情是保持控制台框架始终打开,这样您就可以开始工作了。只需按 Esc 或单击左下角的第二个图标。这就是我通常做的。

当您希望从您键入的命令中获得大量响应时,请切换到“控制台”选项卡。

于 2012-09-28T15:30:49.753 回答