Google chrome devtools Chrome开发工具在分离时垂直拆分?

Google chrome devtools Chrome开发工具在分离时垂直拆分?,google-chrome-devtools,Google Chrome Devtools,使用与浏览器窗口分离的Chrome Dev Tools窗口时,是否可以将布局更改为垂直拆分而不是水平拆分 在“开发工具选项”中,有一个垂直拆分选项,但仅当“开发工具”窗口附加到浏览器窗口的右侧时,该选项才适用。当窗口分离时没有任何效果 请看下面的屏幕截图:水平布局的面板太拥挤了。如果你能把它们垂直排列,那就太完美了 这可能吗 是的,你可以。只要按住doc按钮,您就可以选择垂直查看。或者您可以从任务栏中并排使用显示窗口。[UPDATE] 看起来面板布局设置现在在分离的窗口中得到了尊重(在Chrom

使用与浏览器窗口分离的Chrome Dev Tools窗口时,是否可以将布局更改为垂直拆分而不是水平拆分

在“开发工具选项”中,有一个垂直拆分选项,但仅当“开发工具”窗口附加到浏览器窗口的右侧时,该选项才适用。当窗口分离时没有任何效果

请看下面的屏幕截图:水平布局的面板太拥挤了。如果你能把它们垂直排列,那就太完美了

这可能吗


是的,你可以。只要按住doc按钮,您就可以选择垂直查看。或者您可以从任务栏中并排使用显示窗口。

[UPDATE] 看起来
面板布局
设置现在在分离的窗口中得到了尊重(在Chrome 55中进行了测试)

原始的,过时的,下面的答案


这不是公开的选项,但有可能:

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

    WebInspector.panels.elements._splitVertically(true)
    
  • 关闭窗口B


这里唯一的问题是,这种变化不会“持续”。对于每个DevTools窗口,您必须重复上述步骤。但是,如果您希望此选项保持不变并在DevTools设置中公开,您可以在上提交功能请求。

您误解了这个问题。我不希望“开发工具”窗口停靠到浏览器窗口。我要把它拆下来。我希望控制开发工具中的各个面板。@Wayou你不再需要黑客了。在DevTools设置中设置
面板布局
,对于分离的窗口效果良好。