progressive-web-apps - PWA 启动图标

Question

1. 是否可以创建 PWA 启动器图标并将其提交到网站市场？
2. 启动器图标应该像“添加到主屏幕”PWA 功能一样工作。

我想要实现的是一个 PWA 商店，使用户可以轻松地将图标添加到他们的主屏幕以启动 PWA 网站。请指教。

Answer 1

如果你的意思是在你的网络市场中，你想获得提交的 PWA 的图标，那么你可以从链接标签中获取 PWA 启动图标:

<link rel="icon" sizes="192x192" href="nice-highres.png"> (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="niceicon.png">

或来自 manifest.json 图标部分:

{
  "short_name": "Maps",
  "name": "Google Maps",
  "icons": [
    {
      "src": "/images/icons-192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/images/icons-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": "/maps/?source=pwa",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/maps/",
  "theme_color": "#3367D6"
}