Safari Web Inspector 默认显示在新窗口中

Posted

技术标签:

【中文标题】Safari Web Inspector 默认显示在新窗口中【英文标题】:Safari Web Inspector Showing Up In New Window By Default 【发布时间】:2011-10-12 18:26:15 【问题描述】:

我一直在使用 Chrome,我在切换到 Safari 或继续使用 Chrome 之间来回切换。不过,我对 Safari 的一个小问题是,每次我切换它时,网络检查器总是出现在一个新窗口中。我按下 Command-Option-I,它会在新窗口中打开,当我再次按下 Command-Option-I 时,它不会消失。我喜欢 Web 检查器在 Chrome 中的运行方式,我想知道是否有办法在 Safari 中以相同的方式运行。

非常感谢任何想法。谢谢!

【问题讨论】:

新版Safari也有同样的问题 有一个默认值,defaults read com.apple.Safari WebKitInspectorAttached 可以读取,但对我来说它是 1 【参考方案1】:

我注意到当您有一个像开始页面这样的打开选项卡时,网络检查器将在一个单独的窗口中弹出。此外,Web 检查器中没有图标可以将其附加到底部或侧面。如果您打开了一个网页并在同一个窗口中执行相同的操作,则该选项卡会将网页检查器附加到页面底部(或您之前选择的任何附件)。

【讨论】:

【参考方案2】:

尝试点击如图:

希望你得到如图所示:

【讨论】:

【参考方案3】:

我的问题已经很久了。这是解决方案。

    右键单击网页并选择检查元素。 控制台窗口以全屏显示。像任何 Safari 网页一样最小化窗口,它应该是一个如下所示的窗口。 就在“元素”选项卡上方,您应该能够看到 2 个图标。点击左侧图标,在浏览器右侧打开控制台,点击右侧图标,在浏览器底部打开控制台

希望这会有所帮助。

【讨论】:

天哪,这让我发疯了。谢谢!为什么他们在全屏模式下隐藏这些按钮我不知道.. 你救了我的命。 干净简洁【参考方案4】:

按照以下步骤解决 Safari 问题

    转到开发 --> 用户代理 --> Safari --> 选择 iphone --> 然后单击右侧顶部符号... 选择它并进行检查,然后您可以看到左侧上角的按钮。 现在通过重做第一点设置为默认设置。

Please follow the step

【讨论】:

【参考方案5】:

如果你想让检查器的停靠按钮显示出来,上面的所有方法都不适合我(Safari 9.1):

打开终端 输入defaults read com.apple.Safari "__WebInspectorPageGroupLevel1__.WebKit2InspectorStartsAttached"

一旦你检查它是否返回 0, 做: defaults write com.apple.Safari "__WebInspectorPageGroupLevel1__.WebKit2InspectorStartsAttached" 1

【讨论】:

【参考方案6】:

似乎对我有用的唯一方法是将浏览器 resize 到足够大的大小以容纳单个 Inspect 的 最小 大小窗户。这对我来说,将浏览器扩大到屏幕宽度的至少 65% 左右,然后您可以“检查元素”,默认情况下检查窗口将位于浏览器的底部,并且浏览器与其中的 Inspect 窗口现在可以调整为任意大小。希望这对某些人有所帮助。

【讨论】:

【参考方案7】:

您可以按 Inspector 状态栏上的最左侧按钮,Inspector 将停靠。

更新:现在,按钮位于右侧。当 Inspector 在单独的窗口中时,其右上角的两个小按钮使其移动到 1) Safari 窗口的底部 2) Safari 窗口的右侧。

【讨论】:

对,我可以...而且我每次打开网络检查器时都是如此。但它不会保持停靠。我关闭它并再次打开它,它在一个新窗口中。【参考方案8】:

这是 Safari 代码库中的一个错误。

这是bugreport,他们正在处理它 (source)!

【讨论】:

感谢它已经在修复过程中......我知道我不会发疯。 这在最新的 Webkit Nightly 版本中得到了修复:nightly.webkit.org 虽然现在同样烦人,但它会在屏幕的 2/3 处打开并且不记得你调整后的大小。 :( 浏览器窗口宽度对此也有影响 - 使窗口更宽并关闭并重新打开网络检查器 - 这也可以解决它 “他们正在努力”——有趣的是,这在 Safari 10.1.2 中仍然会发生 我有这个问题很久了。这是解决方案。右键单击网页并选择检查元素。控制台窗口以全屏显示。像任何 Safari 网页一样最小化窗口,它应该是一个如下所示的窗口。在“元素”选项卡的正上方,您应该能够看到 2 个图标。点击左侧图标,在浏览器右侧打开控制台,点击右侧图标,在浏览器底部打开控制台 希望对您有所帮助。

以上是关于Safari Web Inspector 默认显示在新窗口中的主要内容,如果未能解决你的问题,请参考以下文章

Safari Mobile Web Inspector 不显示元素选项卡

调试 iPhone 时 Safari Web Inspector 不显示元素和样式面板

Safari Web Inspector - 长字符串值被截断

css Safari 7和9 - 自定义Web Inspector字体

更改/自定义 Safari 的 Web Inspector 字体

在 Safari Web Inspector 中调试 Web Worker