关于网络应用程序清单的Google 文档指定为了使网络应用程序图标正确屏蔽,应将图标标记为"purpose": "any maskable"
. 这在 Android 上的 Chrome 上运行良好,但在 Firefox Android(Android 10,Firefox Mobile 68.5.0)中使用“添加到主屏幕”时,掩码无法按预期进行掩码。
在我的清单中,我提供了尺寸为 192x192 和 512x512 的图标;Firefox 确实从清单中获取了其中一个图标;它只是没有执行所需的掩蔽:
{
"background_color": "#00bf00",
"description": "...",
"display": "standalone",
"icons": [
{
"src": "plug-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "plug-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
],
"name": "...",
"short_name": "...",
"start_url": "/"
}
如果我“安装”应用程序,而不仅仅是通过汉堡菜单“将其添加到主屏幕”(这次使用不同的图标,进一步使用透明度),情况会稍微好一些,但 Firefox 版本看起来仍然很差(被像素化并使用与 Chrome 不同的透明度约定),cf。下面的屏幕截图(左侧是 Chrome “已安装的网络应用程序”,右侧是 Firefox):
所以我的问题就变成了:
有什么方法可以强制 Android Firefox 产生类似于 Chrome(实际上是典型的 Android 应用程序)产生的结果?