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

【问题标题】：PWA - How to hide button add to screenPWA - 如何隐藏按钮添加到屏幕
【发布时间】：2020-11-27 10:10:29
【问题描述】：

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

【问题讨论】：

标签： javascript reactjs create-react-app progressive-web-apps

【解决方案1】：

您需要阻止安装：

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

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

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


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

【讨论】：