添加到屏幕不显示

Question

在angular应用程序中，在manifest.json中应该是什么？

{
  "name": "dummy",
  "short_name": "dummy",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "assets/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

应该是"/“ot”。“或者"/index.html“，我是否需要监听service worker的"beforeinstallprompt”事件？或者任何其他的如果我错过了什么。提前感谢！

Answer 1

开始网址将是您的应用程序的主页，当您添加到主屏幕后，单击PWA的图标。如果您在项目的根目录中有一个index.html，并且在同一路径中有一个清单，则可以给出“/index.html”，也可以给出一个带有域名的全限定uRL，如“https://www.example.com/

你需要在安装前听到提示，才能显示“添加到主屏幕”的安装标语。不管你如何处理这个事件，你都可以从chrome菜单添加到主屏幕。此事件用于页面内安装标语。