Safari 网络检查器仅显示源、控制台和审核

Posted 2023-02-27

【中文标题】Safari 网络检查器仅显示源、控制台和审核

【英文标题】：Safari web inspector is only showing Sources, Console and Audit

【发布时间】：2020-07-12 17:46:39

【问题描述】：

升级到 Xcode 11.3.1 后，我在 ios 12.1 模拟器中使用 Safari 网络检查器时遇到问题。每次我在 iOS 12.1 模拟器设备中运行应用程序时，它都会显示在 Safari 调试菜单中并允许我连接到它，但我会看到的唯一选项卡是 Sources、Console 和 Audit。

这是附加到模拟器内 Safari 浏览器实例的检查器的屏幕截图。

有没有办法解决这个问题？

环境：

MacOS 10.14.6 (18G95) Xcode 11.3.1 Safari 13.1 (14609.1.20.111.8) 模拟器版本 11.3.1 (SimulatorApp-912.5.1 SimulatorKit-570.3 CoreSimulator-681.17.2)

【问题讨论】：

欢迎来到 Stack Overflow :) 您是否有理由不将 iPad 升级到 iPadOS 13.x？您能否尝试使用运行 iOS/iPadOS 13.x 的设备并查看问题是否仍然存在？

它适用于运行 iOS 13.x 的设备

那些希望支持 iOs

iOS 版本 = 12.4 不存在。只需使用具有这两个版本的模拟器测试 Safari。

我对这种糟糕的用户体验感到沉迷，每次 macOS 升级后都会出现如此多的中断。这就是 Apple 真正的意思：获得这个简单的更新，我会为你打破所有以前工作的东西。

【参考方案1】：

您实际上可以右键单击选项卡以启用/禁用某些选项卡。更新后我的一些标签也不见了，这就是您恢复它们的方式。

【讨论】：

是的，@starmoon 遇到的问题是 Safari 13.1 无法检查早于 iOS 13 的 iOS 设备和模拟器。如果您使用这些设备/模拟器之一启动检查器，您可以看到 @ 987654323@ 在审核选项卡中。

好吧，我没有从他的问题中得到这个（实际上仍然没有）。我的错。

虽然这个答案没有解决 Safari Technology Preview 错误，但它确实向我展示了简洁的快捷方式。给我点赞。

【参考方案2】：

我的 iPad（iOS 版本：11.x）也遇到了同样的问题。

我通过使用另一台 iPad（版本：13.3.1）解决了这个问题。

我认为它不支持旧版本的网络浏览器 (Safari)。

【参考方案3】：

Web Inspector 工程师在这里...

这似乎是 Web Inspector 中的一个错误，我们正在调查该问题。如果您使用最近的 Safari 技术预览来检查您的旧 iOS 设备，是否会发生这种情况？

除了在 SO.. 上提问之外，强烈建议您通过 https://feedbackassistant.apple.com/ 报告与开发人员工具相关的错误，以便您收到有关后续问题以及何时发布修复程序的通知。

编辑（5 月 14 日）：该问题已在我们的树中修复，该修复应包含在 Safari Technology Preview 107 和下一个主要 Safari 版本中。请继续关注发行说明。

【讨论】：

iPadOS 13.5.1 和 macOS 10.15.4 有完全相同的问题

自从我升级到 Big Sure 11.4 后，这个问题又回来了。即使是可见的选项卡也无法使用。我希望 Apple 能尽快解决这个问题，因为它使 iPhone 网络视图的远程调试变得不可能。

Big Sur 11.4 又破了！

STP Release 125（Safari 14.2，WebKit 16612.1.15.1.12）适用于 Big Sur 11.4

我可以报告说，升级到 MacOS 11.4 后，Elements 检查器在 Safari 技术预览（但不是常规 Safari）上为我重新出现。

【参考方案4】：

（这个答案不是一个修复，而是一个更好的选择，我希望我能早点发现。）

您可以使用 Chrome 开发工具而不是 Safari 来调试 iOS WebView！

Windows 您可以关注this guide，使用 Chrome DevTools 在 Windows 上调试 iOS webview。 （到目前为止，已在 iOS 9 和 iOS 14 上测试并工作！！）编辑：今天不能在 iOS 9 上工作......不确定发生了什么变化......

Linux / Mac 我相信您也可以基本上按照上面的the windows guide 进行 linux 和 Mac 操作。 （欢迎评论确认/拒绝！）

对指南的任何部分进行故障排除 对于指南中任何不起作用的部分（因为过时或 linux/Mac），您可以按照使这成为可能的工具中直接包含的说明进行操作：

remotedebug-ios-webkit-adapter ios-webkit-debug-proxy（由 remotedebug-ios-webkit-adapter 使用）

【讨论】：

我试着沿着这条路走，但目前有一个错误在此评论时在 devtools 中显示一个空白屏幕。所以......这不是骰子。使用 Biziclop 的答案。

【参考方案5】：

我还不想从 High Sierra 更新我的 macOS，但我仍然遇到了这个错误（即使是在干净安装的测试系统上）。

在其他地方建议使用 Safari Technology Preview - 但现在它仅适用于 Catalina an Big Slur。

幸运的是，您仍然可以使用 Archive.org 下载旧版本（祝福他们）。 这是我为 High Sierra 找到的最新版本（第 80 版，发布时间：2019 年 4 月 12 日）：

https://web.archive.org/web/20190420021102/https://developer.apple.com/safari/download/

我猜你也可以为 Mojave 找到一个以后的版本。

---

2021 年 6 月更新

对于ma​​cOS Big Sur 11.4，您可以download STP 125。

【讨论】：

我希望我能投票更多。 :( 你是一个真正的救星。

@Sanoop：我知道，我也用这个技巧救了自己的一个。 :) 无论如何，Apple 很高兴在最后一刻打破了 High Sierra 的 Safari……

在 Catalina 上，我尝试了技术预览 108、107、104、103、102、101、98、96。没有成功。 :( 我想我需要弄清楚如何回到高山脉......

@Lindsay-Needs-Sleep：太糟糕了。往前走没用？ macrumors.com/2020/09/09/…

@SeanHalls：嗨，不客气。令人担忧的是我的回答有多受欢迎。不幸的是  只生产一种软件：在发布之日就已经被放弃了。 :( 感谢 Zingi 使用新链接进行的编辑。

【参考方案6】：

也许试试这个旧版本 Safari Technology Preview，在 BigSur 上对我有用。

【讨论】：

这是您需要做的，但在发表此评论时，Apple 已删除 BigSur 的 Safari 技术预览版的 .dmg。使用 Biziclop 的答案来抓住它。

【参考方案7】：

在将 safari 和 MacO 更新到 BigSur 后，我也遇到了同样的问题，现在我们可以使用 Safari Technology preview 一切正常。

【讨论】：

这是唯一有效的解决方案，谢谢！