Question

我的演示尚未完成，但你可以在这里找到它： https://frp.im/dev/timedrops/target/

{
  "short_name": "Timedrops",
  "name": "Timedrops",
  "icons": [
    {
      "src": "drop-128x128.png",
      "sizes": "128x128"
    },
    {
      "src": "drop-96x96.png",
      "sizes": "96x96"
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "portrait",
  "background_color": "#3E4EB8",
  "background_color": "#3E4EB8"

}

我按照创建渐进式网络应用程序的步骤进行操作，并尝试先添加启动画面，但无法显示我的图标。我还检查了HTTPS，仍然没有使用HTTPS。我去了一些例子，我的JSON几乎是正确的。为什么我看不到我的图标？

Answer 1

搜索了几个帖子并挖掘了一些文档，似乎我需要一个192x192图标......为什么它不会发出警告......

https://developer.chrome.com/multidevice/android/installtohomescreen https://developers.google.com/web/updates/2015/10/splashscreen

Answer 2

除了jiyinyiyon的回答之外，图标不仅需要192x192，还要确保将以下link标记添加到HTML {{1} }：

head

在这里查看相应的<link rel="icon" sizes="192x192" href="img/icon.png">文件：

manifest.json

图标图像（如果不是绝对的）的路径将相对于{ "name": "APP - My PWA", "short_name": "APP", "start_url": "/", "scope": "/", "display": "standalone", "theme_color": "#95f442", "background_color": "#EEE", "icons": [ { "src": "img/icon.png", "size": "192x192", "type": "image/png" } ] }。

在manifest.json中添加了图标但在启动画面中没有图标

2 个答案: