javascript - 无论如何要找到添加到主屏幕 - 应用程序图标是否已使用 Javascript 添加到主屏幕？

Question

配置我们的应用程序以支持添加到主屏幕选项，请求我们添加一个按钮的权限，点击提示将要求在主屏幕中添加图标。如果用户一直点击关闭，那么它就不会再询问了，所以按钮就失效了。

如果用户已经添加了图标，我没有任何方法可以找到它。

Answer 1

没有任何我所知的方法可以捕获应用程序图标是否已添加到主屏幕。原因很简单，可能是缺少任何有效的现有用例。但是，您可以捕获的是用户采取的操作。当显示 A2HS 横幅时，您可以点击 beforeinstallprompt 事件来确定用户在出现横幅时所做的选择。

下面的代码展示了这一点:

window.addEventListener('beforeinstallprompt', function(event) {
  event.userChoice.then(function(result) {                      

  if(result.outcome == 'dismissed') {                         
    // User dismissed
  }
  else {
    // User accepted
  }
});
});

更新:

在遍历 official doc for A2HS 时, 找到了一种方法来确定应用程序是否在用户接受提示后成功添加到主屏幕，您可以监听 appinstalled 事件。代码:

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