重新排列 Chrome Dev Panel 中的窗格

重新排列 Chrome Dev Panel 中的窗格

当 Chrome 的开发面板放置在屏幕的两侧并且不太宽时,面板的外观如下:

狭窄的

我特别喜欢样式窗格和计算窗格并排显示。例如,这使得检查我的 CSS 是否正确应用变得非常容易。

但是,有时我希望有一个更宽的开发面板来容纳更多内容。问题是,当我将开发面板拖得更宽时,会发生以下情况:

在此处输入图片描述

如您所见,样式和计算窗格变成同一窗格上的两个选项卡,我经常发现自己来回切换 - 简而言之,这是一种令人讨厌的不便。

我的问题很简单

有什么方法可以手动重新排列这些面板吗?

或者,我能否以某种方式说服 Chrome 继续使用“窄布局”,而不管开发面板的宽度如何?

使用

Chrome 79

Windows 10 Pro N 1909 和 CentOS 7 1908

答案1

今天无意中发现了解决办法。

在 Chrome 83 中(不确定是否向后支持),Dev Panel> Settings> Preferences> Panel Layout := Horizontal

截屏

这会强制开发面板采用第一种布局,无论其宽度如何。

相关内容