1

关于网络应用程序清单的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 应用程序)产生的结果?

4

1 回答 1

1

当前的 Firefox 发行版本不支持可屏蔽图标。它可以在 Firefox Beta 中运行,并且一旦该版本进入稳定通道,它就会运行。

于 2020-07-16T17:51:52.827 回答