PWA 上的 Material You 图标

Question

是否有某种方法可以在 PWA 清单中实现单色图标，以便 Android 在您设计的新材质中将其与主题图标一起使用？ https://developer.android.com/develop/ui/views/launch/icon_design_adaptive 这个但是在 PWA 中

Answer 1

看来目的

monochrome

（W3参考）就是你正在寻找的。

只需在清单中添加您的图标，如下所示：

{
  …
  "icons": [
    …
    {
      "src": "path/to/monochrome_icon.png",
      "sizes": "196x196",
      "type": "image/png",
      "purpose": "monochrome"
    },
    …
  ],
  …
}

请注意，此功能尚未广泛实施。这是一个持续存在的问题，请求 Chrome 移动版支持此功能。

有关

monochrome

图标的更多详细信息。

您需要将图标设置为全黑透明才能正常工作。