html - pwa 应用程序没有使用 list 图标在 android 中安装

Question

我已经设置了一个包含 192x192 png 和 512x512png 图标的 manifest.json。当我使用 android 并添加到主屏幕时，它只使用应用程序图标的图标和启动屏幕图标而不是 list 图标。启动图标非常小，我想要一个更大的 Logo 并使用 list 中设置的图标。 manifest.json 已包含在 header 中，Chrome 开发者工具已成功检测到它。

{
"name": "Apple",
"short_name": "Apple",
"icons": [
  {
    "src": "../images/favicon/icon-192x192.png",
    "type": "image/png",
    "sizes": "192x192"
  },
  {
    "src": "../images/favicon/icon-512x512.png",
    "type": "image/png",
    "sizes": "512x512"
  }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "/apple/",
"scope": "/apple/"

我多次尝试重新安装和清除网站数据，但仍然没有改变。

有人可以帮忙吗？问题是什么？谢谢!

Answer 1

您可以引用这个 post .一个可能的原因是 Web App Manifest 没有被正确解析。您可以使用 Web Manifest Validator 对其进行验证.您也可以查看此 forum如果无法识别 PWA list ，如何调试。

There is a tool called Lighthouse ( https://github.com/GoogleChrome/lighthouse 103 ) to diagnose PWAs. See the corresponding talk from PWA Dev Summit 2016: https://www.youtube.com/watch?v=LZjQ25NRV-E&feature=youtu.be&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb