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

2019-04-04 18:57:18 +08:00
 LongLights

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

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

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

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

6655 次点击
所在节点    问与答
12 条回复
jamesxu
2019-04-04 19:38:06 +08:00
最好别这么搞,最烦这种东西了
okwork
2019-04-04 19:42:48 +08:00
没有可能,官方不支持。苹果认为非用户主动触发的弹出都是耍流氓,估计未来也不会支持的。
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
@LongLights PWA 技术已经很成熟了,苹果不能弹出桌面,其他的 sw 还是支持的啊
Pastsong
2019-04-04 21:15:57 +08:00
去找 safari 文档,每个浏览器实现不一样,一般都不是主动触发的
LongLights
2019-04-04 21:37:11 +08:00
@Pastsong 好像目前支持 pwa 的浏览器 只有 safari 没触发弹窗。。。
lizhuoli
2019-04-04 23:55:16 +08:00
Mobile Safari 目前不提供这个方式,可以自行绘制一个弹窗 UI,引导用户点击下方的分享->添加到主屏幕……
LongLights
2019-04-04 23:57:33 +08:00
@lizhuoli 看来只能手动写一个了。。。记得之前好像看过有站点写了弹窗 可惜找不到没得借鉴了。。。
oIMOo
2019-04-05 00:03:45 +08:00
有一个保存到桌面不行么
JunyuMu
2019-04-05 01:24:15 +08:00
ios 对 pwa 支持不全。
可以判断下 ua,如果是 ios 的话,就弹出一个推荐用户把该页面添加到主屏幕的 modal。
LongLights
2019-04-05 01:43:13 +08:00
@JunyuMu 看来目前只能这样了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/552174

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX