PWA 上的 Material You 图标

Question

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

Answer 1

看来目的monochrome（W3参考）就是你正在寻找的。

\n

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

\n

{\n  \xe2\x80\xa6\n  "icons": [\n    \xe2\x80\xa6\n    {\n      "src": "path/to/monochrome_icon.png",\n      "sizes": "196x196",\n      "type": "image/png",\n      "purpose": "monochrome"\n    },\n    \xe2\x80\xa6\n  ],\n  \xe2\x80\xa6\n}\n

\n

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

\n

monochrome有关图标的更多详细信息。

\n

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

\n