如何在 Safari 开发工具中同时显示控制台和元素选项卡?

Jac*_*cob 2 javascript css safari developer-tools safari-web-inspector

在 Chrome 中,您可以将控制台拖到底部窗口并在上面显示元素,反之亦然,这样您就可以快速查看控制台,同时还可以看到样式。当您使用 Javascript 布尔变量仅在某些元素为 true 时应用样式时,这会很有帮助。那么基本上,有没有办法让 Safari 开发工具(图中左侧)看起来像 Chrome 开发工具(图中右侧)?

在此输入图像描述

我在 Google 上花了大约 45 分钟,似乎只能找到如何将控制台放在与 Chrome 的 Elements 选项卡不同的屏幕上。这与我在 Safari 中尝试做的完全相反。

小智 6

在Elements页面的input中写一些JS。它应该在输入上方显示完整的控制台。

在 Safari 中的 Elements 选项卡上加载控制台