Chrome devtools：无需切换到Sources选项卡即可进入调试器

Question

如果我在我的JavaScript源代码中将debugger语句放入Chrome devtools中，它将停止执行，以便我可以从控制台以交互方式浏览当前上下文。真的太棒了。

但不幸的是，它也会切换到Sources选项卡并显示debugger语句发生的行。大多数时候，我想输入JavaScript命令，因此我必须手动切换回Console选项卡。

我可以避免使用制表符切换并保留在控制台选项卡中吗？

或者我使用它错了吗？

Answer 1

右键单击源选项卡并选择“移至底部”。

Answer 2

这是有原因的 - 并且每当代码停止时，由于断点或debugger语句，您通常希望实际看到执行的停止。因此，开发人员工具切换到Scripts / Sources选项卡，这是主要浏览器中的常见行为，也可能显示局部变量，调用堆栈等。

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

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