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

Gun*_*ner 11 homescreen ios safari-web-inspector progressive-web-apps angular

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

iOS版:11.2

MacOS Safari版本:11.0.1

Jos*_*Jos 1

您应该首先将焦点放在应用程序上,然后按:

Option+Command+i
Run Code Online (Sandbox Code Playgroud)

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

  • 实际上,该应用程序在 iPhone 上作为 PWA 打开,我正在尝试在 Mac 上调试它。问题是,当我在 iPhone safari 上打开应用程序时,开发工具会显示,但是当我将其添加到 iPhone 上的主屏幕时,我会收到“没有可检查的应用程序”。 (3认同)