在iOS Safari上，调试添加到主屏幕的Web应用程序

Question

我正在尝试调试一个添加到主屏幕的Web应用程序。我已经在Safari上启用了Web检查器。如果我在iOS Safari中打开应用程序，我可以进行调试，但是当我将应用程序添加到主屏幕并尝试调试时，它显示“无可检查应用程序”。任何帮助将不胜感激。

iOS版本：11.2

MacOS Safari版本：11.0.1

- Gunner

---

如果您还没有更新iOS，请尝试更新，然后在待处理的更新中查看新的Safari版本。请参考SO帖子。此外，如果您已经在“设置> Safari”中启用了私人浏览模式，则关闭它可能会有所帮助，正如此SO帖子中的答案所示。 - MαπμQμαπkγVπ.0

@MαπμQμαπkγVπ.0 我尝试了上面链接中提到的所有设置，但仍然没有运气。我将编辑问题并添加操作系统版本。希望这能缩小一些范围。 - Gunner

@Gunner 你好，你找到解决方案了吗？我现在也面临着同样的问题，让我感到很烦恼。 - Getter Jetter

@OlivierKrull 你好。很遗憾，没有。我和你一样在等待。与此同时，调试是很多试错的过程。 - Gunner

一样。现在，将添加到主屏幕变成Web推送通知的必要条件，这变得越来越紧迫了@苹果。 - Simon H

Answer 1

我不确定是否相关，但我遇到了一个问题，在iOS 11.2上无法打开cordova web应用的检查器窗口。

我发现我需要返回(ios)设置并在查看(osx safari)开发人员菜单时切换Safari Web Inspector，然后才能看到并检查它。

- Daniel Swiegers

---

我尝试过这个，但没有成功。我不确定这是否有帮助，但我正在尝试调试的应用程序不是 Cordova Web 应用程序，而只是一个普通的 Web 应用程序。除了 Web 检查器之外，是否还有其他设置需要切换，以便在 Mac Safari 的“可检查应用程序”下显示 PWA？ - Gunner

如果Safari不是最新版本，请尝试更新它，或者尝试使用Safari技术预览版。Technology Preview - Daniel Swiegers

抱歉，我没有时间安装并检查。如果它有效，我会检查并发布。 - Gunner

我尝试使用Safari技术预览，但问题仍然存在。它在我的iPhone下的开发菜单中没有显示出来。 - Gunner

Answer 2

你应该先将焦点放在应用程序上，然后按下：

Option+Command+i

因此，在这种情况下，您不需要提前打开检查器。这是不可能的，因为您可以将其视为打开一个新的浏览器选项卡，在已经打开的另一个选项卡中检查它是没有意义的。由于在将PWA作为桌面应用程序打开时缺少打开检查器的菜单，您需要使用键盘快捷键来显示它。

- Jos

---

实际上，该应用程序在iPhone上作为PWA打开，我正在尝试在Mac上进行调试。问题是，当我在iPhone Safari上打开应用程序时，开发工具会出现，但是当我将其添加到iPhone的主屏幕时，我会收到“无可检查应用程序”的消息。 - Gunner

也许这可以帮助你：https://dev59.com/LWgu5IYBdhLWcg3winc3#22047495 - Jos