网页与主页上的 PWA 图标不兼容

Web page incompatible with PWA icon on home page

设置
用户访问进步网站。
用户在 iPhone 上将图标添加到主页。

复制
用户点击图标进入 Safari 中的网页。
在该页面上,用户单击 link 转到第三方网站。
页数 returns 'You are using an unsupported browser. Please use Safari or Chrome to open this page.'

但如果他直接打开 Safari 并导航到我们的网站,然后单击转到远程页面,一切正常。

首页安装的图标一定不止一个link.
问:我在这里真正安装的是什么?

我找到的大多数答案都说这是由于使用过时版本的 Safari 或检查旧版本 Safari 的网页造成的。反正认不出来。
但在这种情况下,不管能不能用,Safari 的版本都是一样的。

HTTP_USER _代理 Mozilla/5.0 (iPhone; CPU iPhone OS X 10_3_3 喜欢 Mac OS X) AppleWebKit/603.3.8(KHTML,如 Gecko)Version/10.0 Mobile/14G60 Safari/602.1

您可能需要查看此 blog,它建议在您的渐进式 Web 应用程序中负责任地使用 iOS 元标记。您必须提供在 UI 内提供后退按钮的单页应用程序解决方案,或者如果您不希望它们在浏览器而不是应用程序的容器。在 iOS 上,您无法为主屏幕上的图标定义不同的 URL,因此,如果您将其添加到主屏幕而不在主屏幕中,您可能会得到奇怪的结果。

您可以在 “Programming the Mobile Web, 2nd. edition” or in the Mobile HTML5 video training.

一书中的 iOS 上获得有关如何创建成功的渐进式 Web 应用程序的更多详细信息