google-chrome-devtools - 在 Chrome DevTools 的 Sources 中移动 'debugger' 面板？

Question

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

为了澄清我的意思是哪个面板，它在“Sources”选项卡下，然后是右侧的“debugger”面板，您可以在其中看到 Watch、Call stack、Scope、Breakpoints 等。你知道，所有有用的东西:D

此面板将仅在源文件旁边垂直显示，而不是它曾经位于源文件下方的位置。这意味着我在一个非常高的细长窗口中同时获得源工具和调试工具，因此无法与实际视口(viewport)一起使用。

有什么想法可以把它移回来吗？

编辑:这是屏幕截图(我为“之前”找到了一个旧屏幕截图)。注意您暂停、进入/越过等的面板。

前:


后:

Answer 1

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