支持 pwa 的网站,怎么让 Safari 弹出添加到主屏幕的提示 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LongLights
V2EX    问与答

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

  •  
  •   LongLights 2019 年 4 月 4 日 7064 次点击
    这是一个创建于 2474 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    第 1 条附言    2019 年 4 月 5 日
    突然发现百度手机端就有一个提示框。。。不知道是自己绘制的还是 safari 原生的
    ![]( https://i.loli.net/2019/04/05/5ca62c9d13732.png)
    12 条回复    2019-04-05 01:43:13 +08:00
    jamesxu
        1
    jamesxu  
       2019 年 4 月 4 日 via iPhone
    最好别这么搞,最烦这种东西了
    okwork
        2
    okwork  
       2019 年 4 月 4 日 via Android
    没有可能,官方不支持。苹果认为非用户主动触发的弹出都是耍流氓,估计未来也不会支持的。
    tyrealgray
        3
    tyrealgray  
       2019 年 4 月 4 日   2
    PWA 现在即使在 Android 上也只有 chrome 浏览器支持能把 web 作为一个 native app 的方式直接装到手机应用里,其他浏览器弹出窗口你添加了也只是在主屏幕。像有些操统有禁止添加任何链接到主屏幕的设置就直接 GG 了。

    所以就目前来看,如果 google 不强推 PWA 把它做到非常好用之前,压力是不会给到苹果那边的。所以 iphone 适配能用就差不多了,多观望一下吧。
    LongLights
        4
    LongLights  
    OP
       2019 年 4 月 4 日
    @tyrealgray 作为一个浏览器的快捷方式也就够了
    okwork
        5
    okwork  
       2019 年 4 月 4 日 via Android
    @LongLights PWA 技术已经很成熟了,苹果不能弹出桌面,其他的 sw 还是支持的啊
    Pastsong
        6
    Pastsong  
       2019 年 4 月 4 日 via Android
    去找 safari 文档,每个浏览器实现不一样,一般都不是主动触发的
    LongLights
        7
    LongLights  
    OP
       2019 年 4 月 4 日 via Android
    @Pastsong 好像目前支持 pwa 的浏览器 只有 safari 没触发弹窗。。。
    lizhuoli
        8
    lizhuoli  
       2019 年 4 月 4 日 via iPhone
    Mobile Safari 目前不提供这个方式,可以自行绘制一个弹窗 UI,引导用户点击下方的分享->添加到主屏幕……
    LongLights
        9
    LongLights  
    OP
       2019 年 4 月 4 日 via Android
    @lizhuoli 看来只能手动写一个了。。。记得之前好像看过有站点写了弹窗 可惜找不到没得借鉴了。。。
    oIMOo
        10
    oIMOo  
       2019 年 4 月 5 日
    有一个保存到桌面不行么
    JunyuMu
        11
    JunyuMu  
       2019 年 4 月 5 日 via iPhone
    ios 对 pwa 支持不全。
    可以判断下 ua,如果是 ios 的话,就弹出一个推荐用户把该页面添加到主屏幕的 modal。
    LongLights
        12
    LongLights  
    OP
       2019 年 4 月 5 日 via Android
    @JunyuMu 看来目前只能这样了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     996 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 18:30 PVG 02:30 LAX 10:30 JFK 13:30
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86