PWA - 如何隐藏按钮添加到屏幕

Question

我从 Create React App 制作 React 应用程序，然后使用默认配置 PWA。但我对如何隐藏按钮添加到屏幕感到困惑。任何人都可以帮助我吗？谢谢你

Answer 1

您需要阻止安装：

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault()
})

此外，您可以保存安装事件并创建自定义安装按钮：

let installEvent;
window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault()
  installEvent = e;
})


button.onclick = () => {
   installEvent.prompt()
}

PWA - 如何隐藏按钮添加到屏幕

PWA - How to hide button add to screen

javascript

reactjs

progressive-web-apps

create-react-app