如何在Chrome Devtools中将CSS样式部分移到底部？

jhkqcmku 于 2023-08-01 发布在 Go

关注(0)|答案(5)|浏览(220)

当我在Google Chrome上进行Inspect时，我会并行处理HTML和CSS部分，如下所示。

的数据
如何将CSS部分移到底部，同时保持HTML部分在上面，如下图所示？

的

google-chrome

来源：https://stackoverflow.com/questions/70554580/how-to-move-the-css-styles-part-to-the-bottom-in-chrome-devtools

5条答案

按热度按时间

vsaztqbk1#

点击nail >将“面板布局”设置为水平

这里是你要设置你的面板水平

我希望能帮助你。

赞(0）回复(0）举报 2023-08-01

fumotvh32#

今天晚上我也有同样的问题。我找到的所有答案都在试图描述如何移动整个开发工具面板。但你和我实际上想要的是调整内部的面板。
我是这么做的：
1.单击开发人员工具右上角的设置GEAR。就是那个像甜甜圈的小东西这将弹出一个全屏SETTINGS面板。
1.单击首选项选项（如果尚未选中）。
1.在外观选项组中，查找面板布局下拉菜单。
1.将面板布局选择更改为 * 水平 *。
今晚我就这么做了。希望对你有帮助。
对不起，我不包括截图-我必须回去工作！