Javascript PWA:如何以编程方式触发;添加到主屏幕";?关于iOS Safari

Javascript PWA:如何以编程方式触发;添加到主屏幕";?关于iOS Safari,javascript,download,progressive-web-apps,Javascript,Download,Progressive Web Apps,我最近发布了一个服务器呈现的渐进式web应用程序,到目前为止一切都很好。 然而,使用chrome的Android显示了下载该应用程序的横幅,这非常棒,但在iOS上却没有。使用Safari,用户需要点击几下才能进入“添加到主屏幕”功能,这一功能很糟糕 我对我的PWA很满意,但我真的很想告诉用户自己这个应用可以添加到主屏幕上 据我记忆所及,我看到这样做是为了在主屏幕上添加一个原型。iOS-Safari目前不支持Web应用程序安装横幅,就像Android-Chrome一样 Android中也有安装横幅

我最近发布了一个服务器呈现的渐进式web应用程序,到目前为止一切都很好。 然而,使用chrome的Android显示了下载该应用程序的横幅,这非常棒,但在iOS上却没有。使用Safari,用户需要点击几下才能进入“添加到主屏幕”功能,这一功能很糟糕

我对我的PWA很满意,但我真的很想告诉用户自己这个应用可以添加到主屏幕上


据我记忆所及,我看到这样做是为了在主屏幕上添加一个原型。

iOS-Safari目前不支持Web应用程序安装横幅,就像Android-Chrome一样

Android中也有安装横幅,除了捕获beforeInstallPromot并使用它显示横幅的情况


在链接的答案中,您可以查看关于如何显示应用内横幅的备选选项,以指导用户添加到主屏幕。是相同的代码示例,它是特定于iOS的(请参见#PROTIP 3)

目前,苹果公司还没有让这种“添加到主屏幕”的体验变得容易

不过,对于IOs用户,您可以向用户提供工具提示说明:

详情如下:


在部分:PROTIP 3:自己创建一个“添加到主屏幕”弹出窗口

没有愚蠢的问题:)是的,我搜索了,找到了很多关于manifest.json文件的文档,以使用户能够通过浏览器得到提示,但没有任何关于从网站以编程方式触发此操作的文档。@GuillaumeLeMière我以前看过,我发现最好的是,但我也非常感兴趣的是,如果有一篇关于itNice文章@m0meni的本地提示!除了告诉用户对您的知识进行哪些操作之外,还有其他解决方案吗?因为这正是我想要避免的lol。@GuillaumeLeMière,据我所知,这就是为什么我也热切关注这个问题的原因,哈哈。我想答案是它还没有在safari上本机实现,因为它在一个版本之前只获得了PWA支持,但我想保持谨慎乐观,希望我错了。@m0meni顺便说一句,你刚刚在csv解析器上获得了一颗星星;-)苹果应用商店仅在2017年就创造了260多亿美元的收入。为用户提供一种将应用程序添加到主屏幕的简便方法将从其应用程序商店的收入中削减。许多人觉得这是他们故意拖延对PWA的支持,尤其是这个安装横幅。即使是对iOS的服务人员支持也只是几个月前的事,而Chrome已经有很长一段时间了。即使是这个最新版本,发布说明中也没有提到它。因为明显的原因而轻描淡写!我可以看到作为一个开发者的感觉。而且这会让他们失去更多的控制权,因为他们的管理能力会降低。我能理解他们为什么拖拖拉拉,尽管PWA真的应该是未来。@Anand我完全明白这个阴谋是真的。我讨厌为iOS开发。苹果讨厌开发人员。虽然链接的SO答案通常与PWA相关,因此只允许记录指向iOS外部解决方案的链接,但这里的这个问题与iOS PWA问题特别相关。因此,你的答案是一个链接唯一的答案,并成为无用的,一旦链接的网站正在脱机。解决该问题的相关步骤应包含在本答复中。