支持 pwa 的网站，怎么让 Safari 弹出添加到主屏幕的提示

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2063 天前的主题，其中的信息可能已经有所发展或是发生改变。

给网站搞了 pwa 版本，个人感觉体验挺不错的。但是有个小问题，就是在安卓上支持 pwa 的浏览访问网站时，都会弹出添加到主屏幕的提示（ Chrome，Firefox，MIUI 自带浏览器）

这几个浏览器的提示框效果如图：

唯独 iOS 的 Safari 没有这种原生的提示，于是想找找有没有给 Safari 添加这种提示的方法，结果搜到的都是很多年前的轮子。

想问问大家有没有现在能用的，推荐一下。

第 1 条附言 · 2019-04-05 00:11:45 +08:00

突然发现百度手机端就有一个提示框。。。不知道是自己绘制的还是 safari 原生的
![]( https://i.loli.net/2019/04/05/5ca62c9d13732.png)

pwa

Safari

提示

添加

12 条回复 • 2019-04-05 01:43:13 +08:00

jamesxu

2019-04-04 19:38:06 +08:00 via iPhone

最好别这么搞，最烦这种东西了

okwork

2019-04-04 19:42:48 +08:00 via Android

没有可能，官方不支持。苹果认为非用户主动触发的弹出都是耍流氓，估计未来也不会支持的。

tyrealgray

2019-04-04 20:02:41 +08:00

PWA 现在即使在 Android 上也只有 chrome 浏览器支持能把 web 作为一个 native app 的方式直接装到手机应用里，其他浏览器弹出窗口你添加了也只是在主屏幕。像有些操统有禁止添加任何链接到主屏幕的设置就直接 GG 了。

所以就目前来看，如果 google 不强推 PWA 把它做到非常好用之前，压力是不会给到苹果那边的。所以 iphone 适配能用就差不多了，多观望一下吧。

LongLights

2019-04-04 20:27:06 +08:00

@tyrealgray 作为一个浏览器的快捷方式也就够了

okwork

2019-04-04 20:37:54 +08:00 via Android

@LongLights PWA 技术已经很成熟了，苹果不能弹出桌面，其他的 sw 还是支持的啊

Pastsong

2019-04-04 21:15:57 +08:00 via Android

去找 safari 文档，每个浏览器实现不一样，一般都不是主动触发的

LongLights

2019-04-04 21:37:11 +08:00 via Android

@Pastsong 好像目前支持 pwa 的浏览器只有 safari 没触发弹窗。。。

lizhuoli

2019-04-04 23:55:16 +08:00 via iPhone

Mobile Safari 目前不提供这个方式，可以自行绘制一个弹窗 UI，引导用户点击下方的分享->添加到主屏幕……

LongLights

2019-04-04 23:57:33 +08:00 via Android

@lizhuoli 看来只能手动写一个了。。。记得之前好像看过有站点写了弹窗可惜找不到没得借鉴了。。。

oIMOo

2019-04-05 00:03:45 +08:00

有一个保存到桌面不行么

JunyuMu

2019-04-05 01:24:15 +08:00 via iPhone

ios 对 pwa 支持不全。
可以判断下 ua，如果是 ios 的话，就弹出一个推荐用户把该页面添加到主屏幕的 modal。

LongLights

2019-04-05 01:43:13 +08:00 via Android

@JunyuMu 看来目前只能这样了