为什么 android chrome 使用 apple-touch-icon 而不是我的清单中指定的内容添加到主屏幕？

Question

这是我的 manifest.json:

{
  "lang": "en",
  "name": "Complice",
  "short_name": "Complice",
  "icons": [
    {
      "src": "favicon-36x36.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": "0.75"
    },
    {
      "src": "favicon-48x48.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": "1.0"
    },
    {
      "src": "favicon-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": "1.5"
    },
    {
      "src": "favicon-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": "2.0"
    },
    {
      "src": "favicon-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": "3.0"
    },
    {
      "src": "favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": "4.0"
    }
  ],
  "start_url": "/",
  "display": "standalone",
  "orientation": "portrait"
}

Answer 1

原来答案真的很傻。我有

<link rel="manifest" href="manifest.json">

但是这个 link 只在主页上是准确的，而不是您想要将 link 保存到的应用程序主页面。将其更改为此并按预期工作：

<link rel="manifest" href="/manifest.json">

我添加这个问题和答案是因为我在搜索我的问题时没有得到任何结果，我认为这可能对未来的人有所帮助。

为什么 android chrome 使用 apple-touch-icon 而不是我的清单中指定的内容添加到主屏幕？

Why is android chrome add to homescreen using apple-touch-icon instead of what's specified in my manifest?

android

mobile-website

android-manifest