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

Question

当我在 Google Chrome 上检查时，我同时看到了 HTML 和 CSS 部分，如下所示。

如何将 CSS 部分移动到底部，同时保留 HTML 部分在上面，如下所示？

Answer 1

单击钉子 > 将“面板布局”设置为水平

这是您要水平设置面板的位置 我希望对你有帮助。

Answer 2

今天晚上我也有同样的问题。我找到的所有答案都试图描述如何移动整个开发工具面板。但你和我真正想要的是调整内部面板。

\n

这是我所做的：

\n

\n
1. 单击开发者工具右上角的设置GEAR 。这是那个看起来像甜甜圈的小东西。这将打开全屏设置面板。
\n
2. 单击首选项选项（如果尚未选择）。
\n
3. 在“外观”选项组中，查找“面板布局”下拉列表。
\n
4. 将面板布局选择更改为水平。
\n

\n

今天晚上这对我来说就是这样。希望对您有帮助。

\n

抱歉，我不包括屏幕截图 \xe2\x80\x94 我必须回去工作了！

\n

Answer 3

您需要单击 devTools 右侧的 3 个点并选择扩展坞侧