当 Chrome 的开发面板位于屏幕的任一侧且不太宽时,面板的外观如下:
我特别喜欢 Styles 窗格和 Computed 窗格是如何并排的。例如,这使得检查我的 CSS 是否正确应用变得非常容易。
但是,有时我希望拥有一个宽阔的开发面板来容纳更多内容。问题是,当我将开发面板拖得更宽时,会发生这种情况:
如您所见,样式和计算窗格成为同一窗格上的两个选项卡,我经常发现自己来回切换 - 简而言之,这是一种令人讨厌的不便。
所以我的问题很简单
有没有办法手动重新排列这些面板?
或者,我能否以某种方式说服 Chrome 继续使用“窄布局”而不管开发面板宽度如何?
使用
铬 79
Windows 10 专业版 N 1909 和 CentOS 7 1908
今天无意中找到了解决办法。
在 Chrome 83 中(不确定向后支持),
Dev Panel
>Settings
>Preferences
>Panel Layout := Horizontal
。这会强制开发面板采用第一种布局,无论其宽度如何。