我想添加自定义install
网站内我的渐进式网络应用程序的按钮。我红色了很多文章并尝试了他们提供的答案。他们使用beforeinstallprompt
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
deferredPrompt = e;
});
但我面临的问题是我希望按钮直接安装 PWA,而不是触发安装提示。是否可能,如果可以,我怎样才能实现这一目标。预先感谢您。
尝试下面的代码,
第 1 步 - 创建按钮或任何控制器
<button id="installApp">Install</button>
第 2 步 - 在脚本中添加以下 js 代码,而不是在 Service Worker 中
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
deferredPrompt = e;
});
const installApp = document.getElementById('installApp');
installApp.addEventListener('click', async () => {
if (deferredPrompt !== null) {
deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
if (outcome === 'accepted') {
deferredPrompt = null;
}
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)