PWA“清单不包含合适的图标”

Question

我正在构建一个渐进式网络应用程序。Chrome 表示它有图标问题：“Manifest 不包含合适的图标”和“未提供的图标至少为 144px 正方形”。

我有图标，它们可以在我的手机上运行（所以它至少可以安装在 android 上）。

我有几种不同的图标大小，包括最大 512 像素。我试过预先缓存图标，但这似乎没有帮助。

这是我的清单的摘录：

{
  "src": "images/icons/icon-96x96.png",
  "sizes": "144x144",
  "type": "image/png",
  "purpose": "maskable"
},

错误截图

任何帮助表示赞赏。

Answer 1

“目的”应该是“任何”或“可屏蔽任何”

只是“可屏蔽”不会像常规图标一样被检测到

Answer 2

正如@pakut2所说/sf/answers/4593320371/，我使用这个并且不再有警告

"icons": [
    {
      "src": "assets/icons/favicon-16x16.png",
      "sizes": "16x16",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "assets/icons/favicon-180x180-apple-touch-icon.png",
      "sizes": "180x180",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "assets/icons/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "assets/icons/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]