分享给好友吧~
https://fy.fuyingyingshi.top< 器原生安装弹窗
dfdPrompt.prompt();
// 监听用户选择结果
dfdPrompt.userChoice.then(choiceResult => {
if (choiceResult.outcome === 'accepted') {
console.log('用户同意安装PWA');
} else {
console.log('用户拒绝安装PWA');
}
// 重置安装事件对象
dfdPrompt = null;
// 关闭自定义提示弹窗
closePrompt();
}).catch(err => {
console.error('安装操作出错:', err);
closePrompt();
});
} else {
// 未捕获到安装事件时的降级提示
alert('您的浏览器暂不支持自动安装，可通过浏览器菜单手动添加到桌面');
closePrompt();
}
}
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
// 初始化提示内容
updateInstallPrompt();
// 监听窗口大小变化，动态调整布局
window.addEventListener('resize', updateInstallPrompt);
});
// 捕获浏览器PWA安装事件
window.addEventListener('beforeinstallprompt', function(e) {
// 阻止浏览器默认弹窗
e.preventDefault();
// 保存事件对象供后续调用
dfdPrompt = e;
// 显示自定义安装提示
showInstallPrompt();
});
// 监听PWA安装完成事件
window.addEventListener('appinstalled', function() {
console.log('PWA已成功安装到设备');
// 安装完成后关闭提示
closePrompt();
});
