如何在Safari Dev Tools中水平拆分HTML与Styles面板？

这是Safari Dev Tools当前的设计限制，属于正常现象——它暂不支持Chrome、Firefox那样的HTML（Elements）与Styles面板上下水平拆分布局。

• 截至2024年，无论是正式版Safari还是Safari Technology Preview，Elements面板和Styles面板仅支持左右垂直拆分，没有官方提供的上下布局切换选项。
• 面板大小调整方面：你可以拖动Elements与Styles面板之间的分隔线调整宽度，但确实无法改为上下排布。
• 临时优化方案：
  • 用快捷键Cmd + Shift + C快速选中页面元素并切换到Styles面板，减少手动切换操作；
  • 将Dev Tools弹出为独立窗口，调整窗口尺寸适配MacBook小屏幕；
  • 收起Elements面板右侧“Computed”“Layout”等暂时不用的标签，扩大Styles面板的显示空间。

内容的提问来源于stack exchange，提问作者s60dg