如何解决如何使PWA“添加到屏幕”按钮在Safari和Android浏览器上工作?
我正在尝试在一个小型站点上实现pwa应用程序,我需要添加addToHomeScreen按钮。它在chrome移动设备和台式机上运行良好,但在本机Android浏览器或Safari上却无法运行。
代码是这样的:
application/json
window.onload = () => {
'use strict';
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/sw.js');
}
}
let installPromptEvent;
btnInstall=document.querySelector(".add-button");
window.addEventListener('beforeinstallprompt',(event) => {
console.log("before");
// Prevent Chrome <= 67 from automatically showing the prompt
event.preventDefault();
// Stash the event so it can be triggered later.
installPromptEvent = event;
// Update the install UI to notify the user app can be installed
document.querySelector('.add-button').style.display= "block";
});
btnInstall.addEventListener('click',() => {
// Update the install UI to remove the install button
document.querySelector('.add-button').style.display= "none";
// Show the modal add to home screen dialog
//installPromptEvent.prompt();
if (installPromptEvent) {
installPromptEvent.prompt();
installPromptEvent.userChoice.then((choice) => {
if (choice.outcome === 'accepted') {
console.log('User accepted the A2HS prompt');
} else {
console.log('User dismissed the A2HS prompt');
}
// Clear the saved prompt since it can't be used again
installPromptEvent = null;
});
}
有人可以帮助我吗?
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。