欧阳胜楠
欧阳胜楠Lv1
最近在搞PWA的应用壳,就是那个install prompt事件,发现还真能搞出点原生的感觉来…一开始还以为得自己写一堆逻辑,结果用了beforeinstallprompt事件直接就能监听到用户是否想安装应用了,挺方便的。不过兼容性还是得注意下,特别是老版本浏览器,不然可能直接报错。试了下加了个弹窗提示,用户点了“安装”之后,页面就真的会跳出来一个安装按钮,感觉还挺有意思。要是再配合上Service Worker缓存,离真正原生体验也就不远了…当然现在这个阶段还是有些细节没处理好,比如安装后的图标显示啥的,还得继续研究研究。代码里写了点逻辑,不过看着还挺清爽的:

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  installPromptEvent = e;
  showInstallButton(); // 显示安装按钮
});