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

【问题标题】：Debugging web apps added to home screen on iOS Safari在 iOS Safari 上调试添加到主屏幕的 Web 应用程序
【发布时间】：2018-05-22 15:46:07
【问题描述】：

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

iOS 版本：11.2

MacOS Safari 版本：11.0.1

【问题讨论】：

如果您还没有更新您的 iOS，请尝试更新您的 iOS，然后您将在未决更新中看到新的 safari 版本。请参阅SO post 以供参考。此外，如果您在Settings > Safari 中启用了隐私浏览，如果您按照this answer in this SO post 的含义将其关闭也会有所帮助。
@MαπμQμαπkγVπ.0 我尝试了上面链接中提到的所有设置，但仍然没有运气。我将编辑问题并添加操作系统版本。希望这会缩小一些事情的范围。
@Gunner 您好，您找到解决问题的方法了吗？我现在面临同样的问题，这让我发疯了。
@OlivierKrull 你好。很不幸的是，不行。我和你一样在等这个。同时，调试也需要反复试验。

【解决方案1】：

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

Option+Command+i

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

【讨论】：

实际上，该应用程序在 iPhone 上作为 PWA 打开，我正在尝试在 mac 上进行调试。问题是，当我在 iPhone safari 上打开应用程序时，会显示开发工具，但是当我将其添加到 iPhone 上的主屏幕时，我会得到“没有可检查的应用程序”。
也许这有帮助：stackoverflow.com/questions/11262236/ios-remote-debugging/…

【解决方案2】：

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

我发现我必须返回 (ios) 设置并关闭和打开 Safari Web Inspector，同时查看 (osx safari) 开发人员菜单以查看它，然后对其进行检查。

【讨论】：

我试过这个，但没有运气。我不确定这是否有帮助，但我尝试调试的应用程序不是科尔多瓦网络应用程序。只是一个普通的网络应用程序。除了 web 检查器之外，我还需要切换其他设置以使 PWA 显示在 mac safari 的“可检查应用程序”下吗？
如果不是最新的，请尝试更新 safari 或尝试 safari Technology Preview
对不起，我没有时间安装和检查。如果有效，将检查并发布。
我尝试了 safari 技术预览版。还是同样的问题。它没有出现在我的 iPhone 下的开发菜单中。