在Chrome DevTools中移动“调试器”面板?

11
我总是在我的宽屏幕浏览器中垂直显示DevTools。我无法再将调试面板显示在源文件内容下方。
为了明确我指的是哪个面板,它位于“Sources”选项卡下面,然后是右侧的“debugger”面板,您可以在其中查看Watch、Call stack、Scope、Breakpoints等。你知道,所有有用的东西:D
这个面板只会沿着源文件垂直显示,而不是它过去出现在源文件下面的地方。这意味着我得到了一个非常高的瘦窗口中同时包含源文件和调试工具,这使得它无法与实际视口一起使用。
有什么想法可以将其移回来吗?
编辑:这里是截图(我找到了一个旧的“之前”的截图)。请注意暂停、步入/步过等面板所在的位置。
之前:enter image description here 之后:enter image description here

你能添加一张截图吗?我有点困惑于你想要实现什么。 - Saransh Kataria
1个回答

25

前往 DevTools 设置,找到 General > Appearance > Panel layout 选项并将其更改为“horizontal”。

Chrome DevTools 面板布局设置


5
截至2017年12月,这个选项在“开发者工具设置 > 设置 > 偏好设置 > 外观 > 面板布局”中。 - Andrey

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接