在Chrome DevTools的源代码中移动“调试器”面板？

Question

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

要澄清面板我的意思是，它在“源”选项卡，然后正确的“调试器”面板中，你可以看到观看，调用堆栈，适用范围，断点等。你知道，所有的有用的东西：d

此面板将只显示在源文件旁边，而不是原来在源文件下的位置。这意味着我将源代码和调试工具都放在一个非常高的细长窗口中，这使得它不可能与实际的视口一起使用。

任何想法如何将其移回？

编辑：这里有截图（我发现一个旧的'之前'）。请注意，你暂停，步入/过等

前面板：

后：

Answer 1

转到DevTools设置，找到General > Appearance > Panel layout选项并将其更改为 “水平”。