在安卓系统上，PWA可屏蔽的图标覆盖了较大的启动屏幕图标

Question

我希望我的PWA对主屏幕图标和启动屏幕使用单独的图像。我有一个192x192的图像和一个512x512的图像，我想要主屏幕的192x192图标和启动屏幕的512x512图标。

我的manifest.json如下：

{
"short_name": "My App",
"name": "My App",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192",
"background_color": "#0277ff"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512",
"background_color": "#0277ff"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#222831",
"background_color": "#0277ff"
}

这很好用。它使用192x192作为图标，512x12作为启动屏幕。但是，当我将属性"purpose": "maskable"添加到192x192图标时，问题就出现了。当我这样做的时候，主屏幕上的图标看起来很棒，但突然间，启动屏幕变成了192x192图标，而不是512x512！我似乎不知道该怎么做才能阻止这种情况。有人知道我缺了什么吗？

Answer 1

是否将"purpose": "any"设置为512x215图标？我认为，这应该奏效。如果没有，则尝试将512x512图标配置为"0"；"可掩蔽"；也

Answer 2

我也遇到了同样的问题。除此之外，启动屏幕显示了"可屏蔽"图标，但它没有被屏蔽，所有填充都显示在屏幕上。

我将图标数组更改为这种配置，其中"可屏蔽"图标是SVG图像：

"icons": [
{
"src": "mr.ico",
"sizes": "256x256",
"type": "image/x-icon",
"purpose": "any"
},
{
"src": "mr192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "mr512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "mrmaskable.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "maskable"
}
],

在本地测试(在节点测试服务器上运行(时，它仍然显示可屏蔽的图标，而没有屏蔽它。但在部署它之后(我使用的是静态构建(，启动屏幕图标(mrmaske.svg(被屏蔽了，看起来很好。