iOS 只能引导用户手动加,安卓可以由网页主动弹出安装对话框 —— 两条链路差别不小
加到桌面后会有独立图标,打开是全屏的,不用再记网址、不用每次找入口。
在屏幕最下面那排图标里,中间那个向上箭头。
可能要往下滑一点才能看到这一项。
安卓 Chrome 可以监听 beforeinstallprompt,存下事件,在用户点按钮时调 prompt() 弹原生安装框 —— 这就是安卓那屏那个「安装到桌面」按钮。
iOS Safari 没有这个 API,只能画图教用户点分享。所以两条链路的文案和结构完全不同,不能共用一套。
manifest.json:name / short_name / start_url / display:standalone / theme_color192×192 和 512×512,安卓安装框要用<link rel="apple-touch-icon"> 180×180,否则图标是网页截图beforeinstallprompt 依赖它,不配就只能走菜单手动加start_url 指向 /web/agent,不是 /display-mode: standalone 或 iOS 的 navigator.standalone → 已安装,整个引导不显示
UA 含 MicroMessenger → 微信;含 wxwork → 企微
UA 含 iPhone/iPad → iOS 链路,否则安卓链路
宽度 ≥1024 且非移动 UA → 电脑屏
第一次登录成功后立刻引导,顾问那时最有耐心。点「稍后再说」一周内不再弹,但个人中心里常留一个「添加到桌面」入口。
别在首次打开就弹 —— 那时顾问还没看到东西,不知道值不值得装。