Chrome Dev Tools在分离时垂直拆分?

Jak*_*son 2 google-chrome-devtools

使用与浏览器窗口分离的Chrome开发工具窗口时,是否可以将布局更改为垂直分割而不是水平分割?

在Dev Tool选项中,有一个垂直分割的选项,但它仅适用于将Dev Tools窗口附加到浏览器窗口右侧的情况.分离窗口时没有任何效果.

请参见下面的屏幕截图:水平布局的面板太过狭窄.如果你可以将它们垂直放置,那将是完美的.

这可能吗?

在此输入图像描述

Kon*_*nel 5

[更新] 看起来Panel layout设置现在在分离的窗口中得到尊重(在Chrome 55中测试).

原创,过时,回答如下.


这不是一个暴露的选择,但它可能:

  • 取消停靠DevTools窗口(A),
  • 专注于该窗口并点击alt+ cmd+ J,
  • 这将打开另一个DevTools窗口(B) - 在该窗口的控制台执行

    WebInspector.panels.elements._splitVertically(true)
    
    Run Code Online (Sandbox Code Playgroud)
  • 关闭窗口B.

在此输入图像描述

这里唯一的问题是这种改变不会"坚持".对于每个DevTools窗口,您必须重复上述步骤.但是,如果您希望此选项粘贴并在DevTools设置中公开,则可以在crbug.com上提交功能请求.

  • @Wayou 你不再是黑客了。在 DevTools 设置中设置“面板布局”适用于分离的窗口。 (2认同)