如何在 chrome 开发工具中隐藏样式部分？

Question

如何隐藏开发工具的右下部分（样式部分）？

Answer 1

默认情况下，这是它的放置方式

但是从设置 -> 首选项 -> 面板布局 -> “水平”

使用此选项，我们可以将样式窗格移至底部

Answer 2

没有办法隐藏它。您可以调整它的大小，以便将其推到一边，如 wOxxOm 提到的。

以下是您可能更喜欢的不同 UI 设置：

如果您取消停靠 DevTools 窗口并使其变窄，样式窗格将移至 DOM 树下方。从那里，您可以将其最小化。

您还可以通过缩小 DevTools 窗口来实现此 UI 设置。您无需必须将其断开。

Answer 3

我发现当您选择计算而不是样式时，您可以更多地折叠侧边栏。

样式的最小宽度太大。