首页 › 工具 › PWA 可安装性检测
一个网页要能被「安装」成 PWA,必须同时满足四个硬条件:HTTPS、注册了 Service Worker、有合法的 Web App Manifest、manifest 里有合规的图标与 display 模式。缺任何一条,安卓 Chrome 就不会弹出安装提示。
而 iOS 是另一套规则:Safari 从不弹安装提示,用户必须自己点「分享 → 添加到主屏幕」。这就是为什么同一个 PWA,安卓和 iOS 的装机率经常差好几倍。
安卓和 iOS 的安装路径差在哪?
安卓 Chrome 会在满足条件时触发 beforeinstallprompt 事件,你可以拦下它、在合适时机弹出自己的安装按钮,用户一点就装。iOS Safari 完全没有这个事件,必须靠页面引导用户走「分享 → 添加到主屏幕」这三步手动操作。
安卓 Chrome / Edge
条件满足即可触发安装提示。可拦截 beforeinstallprompt 自定义时机与样式,装机率主要取决于弹出时机。
iOS Safari
无安装提示事件。必须图文引导「分享 → 添加到主屏幕」。引导页做得好不好,直接决定 iOS 装机率。
iOS 上的其他浏览器
iOS 上的 Chrome、Firefox 等大多无法添加到主屏幕,需引导用户先在 Safari 中打开。
Web Push
安卓支持较早。iOS 需 16.4 及以上,且必须先添加到主屏幕,在 Safari 标签页里是收不到推送的。
装机率上不去,通常卡在哪?
按出现频率排:iOS 引导缺失或看不懂、安装提示弹得太早(用户还没看到价值就被打断)、manifest 图标不合规(缺 192 或 512)、start_url 不在 scope 内、以及页面加载太慢,用户还没等到提示就走了。
弹得太早
一进页面就弹安装,用户还不知道这是什么。通常在用户产生兴趣信号后再弹,转化明显更好。
iOS 引导敷衍
只写一行「请添加到主屏幕」几乎没人照做。需要图示分享按钮位置、明确三步操作。
图标不合规
缺 192×192 或 512×512,安卓可能直接不认为可安装。用上面的校验器查一下。
首屏太慢
用户在提示出现前就跳出。PWA 的优势本来就包含快,慢就白做了。
常见问题
为什么我的 PWA 在安卓上不弹安装提示?
先用上面第①块看浏览器是否支持,再用第②块校验 manifest。最常见的三个原因:不是 HTTPS、没有注册 Service Worker、图标缺 192 或 512。另外注意同一站点安装过又卸载后,短期内可能不会重复弹出。
iOS 上能不能自动弹出安装提示?
不能。iOS Safari 没有 beforeinstallprompt 事件,这是系统层面的限制,任何服务商都绕不开。能做的只是把「分享 → 添加到主屏幕」的引导做得足够清楚——这也是 iOS 装机率主要靠引导页设计的原因。
PWA 装完之后还能收到推送吗?
安卓可以。iOS 需要 16.4 及以上版本,而且必须是已添加到主屏幕的状态——在 Safari 标签页里打开是收不到的。这也是为什么 iOS 要先把装机做起来,推送才有意义。
这个工具会上传我的 manifest 吗?
不会。校验完全在你浏览器里用 JavaScript 完成,没有任何网络请求把内容发出去。可以打开浏览器网络面板自行验证。
你们的 PWA 服务和这个工具什么关系?
没有关系,这只是个公开的检测工具,用的都是标准浏览器 API。我们的 PWA 服务是完全免费的(不收月费、不按安装量计费、不抽成、不绑定 offer、不限数量),感兴趣可以看 PWA 页面。