如何通知用户访问网站时使用了使用javascript的PWA应用程序

如何通知用户访问网站时使用了使用javascript的PWA应用程序,javascript,Javascript,我在研究Progressive Web App(PWA)并编写了一些代码,这些代码运行良好。在这里,我想通知用户-访问网站有PWA,并要求通过警报框安装PWA应用程序。如果用户单击“是”,则设备上安装了PWA 我所调查的-。我搜索了谷歌,但没有发现任何东西。PWA默认特征是弹出并要求安装PWA,因此不需要警报框。如果您配置了服务人员 if ('serviceWorker' in navigator) { window.addEventListener('load', function() {

我在研究Progressive Web App(PWA)并编写了一些代码,这些代码运行良好。在这里,我想通知用户-访问网站有PWA,并要求通过警报框安装PWA应用程序。如果用户单击“是”,则设备上安装了PWA


我所调查的-。我搜索了谷歌,但没有发现任何东西。PWA默认特征是弹出并要求安装PWA,因此不需要警报框。如果您配置了服务人员

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

manifest.json

没错,这就足够了。 例如:

根据-您不能这样做。
{
  "short_name": "AirHorner",
  "name": "Kinlan's AirHorner of Infamy",
  "icons": [
    {
      "src": "launcher-icon-1x.png",
      "type": "image/png",
      "sizes": "48x48"
    },
    {
      "src": "launcher-icon-2x.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
      "src": "launcher-icon-4x.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ],
  "start_url": "index.html?launcher=true"
}