如何防止“添加到主屏幕”出现在同一 web 应用程序的某些 url 上？

如何解决如何防止“添加到主屏幕”出现在同一 web 应用程序的某些 url 上？

我有一个显示一些内容的 web 应用程序，例如， test.com 和 special.test.com

我已经使用 React Typescript + PWA 模板设置了 PWA。 “添加到主屏幕”出现在两个网址上。

是他们防止安装选项出现在 special.test.com

中的方法吗

self.addEventListener('beforeinstallprompt',(event) => {
  const subdomainName = self.location.host.split('.')[0];
  console.log('PWA_INSTALL_CALL',subdomainName);
  if (subdomainName === 'special') {
    event.preventDefault();
  }
});

我已将此事件侦听器添加到 service-worker.ts，但似乎没有调用此函数，因为我在 Chrome 开发控制台上没有看到 console.log 语句。

真的卡在这里了！请帮忙。谢谢！

解决方法

您需要在应用程序上下文中侦听 beforeinstallprompt，而不是在 Service Worker 上下文中。