角度和PWA

Question

我们是否需要为浏览器添加以下事件以显示是否添加到屏幕图标。

window.addEventListener('beforeinstallprompt', (e) => {
      /* Prevent Chrome 67 and earlier from automatically showing the prompt*/
      e.preventDefault();
      // Stash the event so it can be triggered later.
      this.deferredPrompt = e;
      btnAdd.style.display = 'block';
    });

btnAdd.addEventListener('click', (e) => {
      // hide our user interface that shows our A2HS button
      btnAdd.style.display = 'none';
      // Show the prompt
      this.deferredPrompt.prompt();
      // Wait for the user to respond to the prompt
      this.deferredPrompt.userChoice
        .then((choiceResult) => {
          if (choiceResult.outcome === 'accepted') {
            console.log('User accepted the A2HS prompt');
          } else {
            console.log('User dismissed the A2HS prompt');
          }
          this.deferredPrompt = null;
        });
    });

我要问的问题是为了消除疑问，因为是从chrome版本68+开始（来自https://developers.google.com/web/fundamentals/app-install-banners/
注意：从Chrome 68（2018年6月上旬为Beta版）开始，Chrome不会自动显示添加到主屏幕标语，而是可以通过使用用户手势在beforeinstallprompt事件上调用hint（）来显示它。 有关完整详细信息，请参见“更新以添加到主屏幕行为”。

另外，在Mac OS上，我无法使用开发人员工具删除/注销添加到应用程序中的图标。 提前致谢。

Answer 1

在当前版本的Chrome（在Android上测试）中可以正常运行

Chrome Beta（68）仍在开发中
有一个新的/临时的迷你信息栏，当前会忽略preventDefault（）

从这个页面
https://developers.google.com/web/updates/2018/06/a2hs-updates
“当站点满足添加到主屏幕的条件时，无论您是否在beforeinstallprompt事件中阻止Default（），都会出现迷你信息栏。”