即使安装了PWA应用,也会提示“添加到主屏幕”

时间:2019-04-12 15:09:46

标签: javascript google-chrome service-worker progressive-web-apps

是否可以检查PWA应用程序是否已安装?

可以取消提示事件可以在'beforeinstallprompt'事件中发生

window.addEventListener('beforeinstallprompt', (event) => {
  // in here        
});

注意:这种情况专门发生在oneplus 6T(chrome)和所有其他手机中

1 个答案:

答案 0 :(得分:0)

如果用户使用的是Google Chrome浏览器,则以下内容将相关:

添加到主屏幕

通过Pete LePage

https://developers.google.com/web/fundamentals/app-install-banners/

报价:

  

为了使用户能够安装您的Progressive Web App,它需要满足以下条件:

     
      
  • 该网络应用尚未安装。
  •   

此外,当用户成功安装了该应用程序时,将发生appinstalled事件的回调。您可以使用它来保留用户已安装应用程序的事实(也许在localStorage或indexedDB中):

报价:

  

确定应用是否已成功安装

     

要确定应用程序在接受提示后是否已成功添加到用户的主屏幕,您可以收听appinstalled事件。

window.addEventListener('appinstalled', (evt) => {
    app.logEvent('a2hs', 'installed');
});