PWA上的Material Design图标

Question

有没有一种方法可以在 PWA 清单中实现单色图标，以便 Android 可以在新的 Material You 设计中使用主题图标？https://developer.android.com/develop/ui/views/launch/icon_design_adaptive这个是针对原生应用的，我想知道如何在 PWA 中实现。

- Prokop Lošťák

Answer 1

看起来目的单色（W3 参考）就是你要找的。

只需像这样在清单中添加您的图标：

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

请注意，此功能仍然没有被广泛实施。更多详细信息。

您需要将您的图标完全设置为黑色和透明，以使其正常工作。

- Mathix420

---

我尝试过这个，但安卓在切换到主题图标时不会使用这个图标。有没有已知的验证码？ - undefined

是的，我确实为Chrome开发团队提出了一个问题，关于这个问题的链接是https://bugs.chromium.org/p/chromium/issues/detail?id=1468845。但是单色图标也在其他用例中使用。 - undefined