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

huangapple go评论92阅读模式
英文:

How to show both the Console and the Elements tab in Safari's Dev Tools?

问题

在Chrome中,您可以将控制台拖动到底部窗口,并将元素放在上面,或者反过来,这样您可以在查看样式的同时快速查看控制台。当您使用JavaScript布尔变量仅在条件为true时应用样式于某些元素时,这将非常有帮助。所以基本上,有没有办法使Safari开发工具(图片左侧)看起来像Chrome开发工具(图片右侧)?

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

英文:

In Chrome you can drag the Console down to the bottom window and have the Elements above, or vise-versa, so you can quickly look at the console while you also see the style. This helps a lot when you are using a Javascript boolean variable to apply styles only when true to certain elements. So basically, is there any way to get the Safari Dev Tools (Left in picture) to look like the Chrome Dev Tools (Right in picture)?

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

I've spent about 45 minutes on Google and I can only seem to find how to make put the Console on a different screen than the Elements tabs for Chrome. Which is the exact opposite as I'm trying to do in Safari.

答案1

得分: 0

在“元素”页面的输入框中编写一些 JavaScript 代码。它应该在输入框上方弹出完整的控制台。

英文:

Write some JS in the input on the Elements page. It should bring up the full Console above the input.

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

huangapple
  • 本文由 发表于 2023年2月18日 00:49:18
  • 转载请务必保留本文链接:https://go.coder-hub.com/75487080.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定