如何隐藏chrome dev工具中的样式部分?

she*_*dtu 7 google-chrome google-chrome-devtools

在此输入图像描述

嘿伙计们,如何隐藏开发工具的右下部分(样式部分)?

k s*_*ath 8

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

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

使用此选项,我们可以将样式窗格置于底部 到底部


Kay*_*ues 7

无法隐藏它。您可以调整它的大小,以便将其推到侧面,如wOxxOm所述。

在此处输入图片说明

您可能会喜欢以下不同的UI设置:

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

在此处输入图片说明

您也可以通过使DevTools窗口更窄来实现此UI设置。你不具备取消固定它。