android - 如何在 Android 任务切换器中触发 PWA 的自适应/可屏蔽图标

Question

背景

我正在尝试将 Web 应用程序转换为真正的 PWA。我唯一无法使用的是 Android 任务切换器视图中的自适应图标。自适应图标在应用程序抽屉中完美运行：

但是，它在任务切换器中不起作用：

我的清单代码是：

{
    "name": "Kepler",
    "short_name": "Kepler",
    "theme_color": "rgb(30,130,230)",
    "background_color": "rgb(45,45,45)",
    "display": "standalone",
    "start_url": "/",
    "icons": [
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-72x72.png",
            "sizes": "72x72",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-96x96.png",
            "sizes": "96x96",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-128x128.png",
            "sizes": "128x128",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-144x144.png",
            "sizes": "144x144",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-152x152.png",
            "sizes": "152x152",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-384x384.png",
            "sizes": "384x384",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "https://hosted.functionaldevices.com/assets/kepler/favicons/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable any"
        }
    ]
}

标签： androidprogressive-web-apps