Документация Google в веб-приложении указывает, что для правильной маскировки значков веб-приложения значок должен быть помечен как "purpose": "any maskable"
. Это хорошо работает на Chrome на Android, но маска не маскируется должным образом при использовании «Добавить на главный экран» в 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), ср. снимок экрана ниже (Chrome "установленное веб-приложение" слева, Firefox справа):
Так что мой вопрос просто становится :
Есть ли способ заставить Android Firefox создать результат, похожий на то, что производит Chrome (и действительно, типичные Android приложения)?