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');
});

Answer 2

appinstalled 不起作用

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

反正有没有找到添加到主屏幕 - 应用程序图标是否已使用Javascript添加到主屏幕？

2 个答案: