android - PWA Android/chrome 启动画面上显示的错误图标

Question

这是我用来使我的 PWA 在 chrome/android 闪屏上显示最大图标的 manifest.json :

{
    "name": "App name",
    "short_name": "App name",
    "icons": [                
        {  
          "src": "icons/touchIcon-192x192.png",
          "sizes": "192x192",  
          "type": "image/png"  
        },  
        {  
          "src": "icons/touchIcon-256x256.png",
          "sizes": "256x256",  
          "type": "image/png"  
        },  
        {  
          "src": "icons/touchIcon-384x384.png",
          "sizes": "384x384",  
          "type": "image/png"  
        },  
        {  
          "src": "icons/touchIcon-512x512.png",
          "sizes": "512x512",  
          "type": "image/png"  
        }
    ],
    "background_color": "#323A4F",
    "theme_color": "#323A4F",
    "start_url": "/?standalone",
    "display": "standalone",
    "orientation": "portrait",
    "lang": "fr"
}

问题是 chrome 总是在屏幕中央显示一个非常非常小的图标，我认为大约 48px ...

有什么想法吗？

Answer 1

经过一番尝试和挫折，我发现你必须在 list 中只指定 512px 的图标，否则它会使用较低的 DP 图标作为应用程序图标，并根据它使用大或小布局为了飞溅。您可以在这里阅读更多相关信息:此处:https://github.com/GoogleChrome/lighthouse/issues/291