在Chrome DevTools的Sources中移动'debugger'面板？

Question

当我使用宽屏时,我总是在浏览器中垂直显示DevTools.我无法再让调试器面板显示在源文件内容下面.

为了澄清我的意思是哪个面板,它在'Sources'选项卡下,然后在右边'调试器'面板,你可以看到Watch,Call stack,Scope,Breakpoints等等.你知道,所有有用的东西:D

此面板仅垂直显示源文件,而不是源文件下的位置.这意味着我将源代码和调试工具都放在一个非常高的窗口中,这使得它无法与实际视口一起使用.

我有什么想法可以把它搬回去吗？

编辑:这是截图(我找到了'之前'的旧版).注意您暂停,进入/退出等的面板.

之前:

后:

Answer 1

转到DevTools设置,找到General > Appearance > Panel layout选项并将其更改为"水平".