javascript - 如何使用javascript通知用户访问网站有PWA​​应用程序

Question

我正在研究渐进式 Web 应用程序 (PWA) 并且有一些代码 - 工作正常。在这里，我想通知用户——访问的网站有 PWA，并通过警告框要求安装 PWA 应用程序。如果用户点击是，则 PWA 安装在设备上。

我调查的内容 - Youtube Udemy tutorial for PWA .我搜索到谷歌但什么也没找到

Answer 1

PWA 默认特性是弹出并要求安装 PWA，因此不需要警告框。如果您配置 service worker

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"
}

please refer the link