如何在渐进式 Web 应用程序中使用自适应启动器图标答案

【问题标题】：How to use adaptive launcher icons with a progressive web app如何在渐进式 Web 应用程序中使用自适应启动器图标
【发布时间】：2019-05-03 00:27:00
【问题描述】：

adaptive launcher icons 的新 Android 8.0 标准将我的 PWA 图标保留在白色框或圆圈中，具体取决于用户设备上设置的图标形状。我想在我的 PWA 中包含一个自适应图标，但根本找不到任何关于此的文档。

有没有办法为不同的形状添加元图标和不同的图标，或者为自适应图标添加必要的图层？

【问题讨论】：

【解决方案1】：

有一个标准来支持您的需求。 Icon Masks in PWA。

基本上，您必须将"purpose": "maskable" 添加到清单中的图标定义中。

它仍在进行中 (Chrome bug)。 Firefox for android 已经支持它。

【讨论】：