我们可以编辑 chrome devtools 布局吗?

Can we edit chrome devtools layout?

我想知道是否可以编辑 chrome/chromium devtools 布局。

原因是 x Width > actualWidth,布局是左边的(这是我想要的全时布局)并且在 x Width < actualWidth 上,布局改变了右边的布局,我得到了正方形监视器,所以如果我想并排查看我的渲染和代码 javascript,我可以把宽度放得太多。

那么它有办法编辑devtools布局吗?如果有办法,我该如何更改 devtools 布局?

Layout sample

注意:我使用的是正确的布局(停靠在右侧)

感谢您的回答

在您正在编辑的内容的标签区域中。在每一侧都有一个图标,看起来像一个朝向侧边栏的三角形。单击它,它会隐藏它旁边的侧边栏,为您提供更多 space.

除此之外,您可以单击主面板菜单中的溢出菜单(关闭按钮旁边的三个图标),然后单击顶部布局选项中的 select "Dock to Bottom"。

最后,最新的方法是进入设置。然后在 "Appearance" 下找到 Panel layout 并将其更改为水平。这将强制元素和源中的面板至少始终位于底部。

这些方法中的每一个都应该为您提供更多的工作空间。