PWA应用未使用清单图标在Android中安装

时间:2018-07-17 09:34:40

标签: html favicon progressive-web-apps pwa manifest.json

我设置了一个manifest.json文件,其中包含带有192x192 png和512x512png的图标。当我使用android并添加到主屏幕时,它仅将favicon用于应用程序图标和闪屏图标,而不是清单图标。初始图标非常小,我希望使用更大的徽标,也要使用清单中设置的图标。 manifest.json已包含在标题中,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/"

}

我曾多次尝试重新安装和清除网站数据,但它保持不变。

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

1 个答案:

答案 0 :(得分:0)

您可以参考此post。一个可能的原因是未正确解析Web App Manifest。您可以使用Web Manifest Validator对其进行验证。您也可以检查此forum,了解如何调试是否无法识别PWA清单。

  

有一个名为Lighthouse(https://github.com/GoogleChrome/lighthouse 103)的工具可以诊断PWA。请参阅PWA Dev Summit 2016的相应演讲:https://www.youtube.com/watch?v=LZjQ25NRV-E&feature=youtu.be&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb