设置favicon.ico manifest.json无效

Question

设置favicon.ico和手机添加到桌面的图标都不生效，求教
index.html

<header>
...
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</header>

这样设置 favicon.ico没有生效 为何？

目录结构：

manifest.json

{
  "name": "fui",
  "icons": [
    {
      "src": "logo/fui_1x.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": 0.75
    },
    {
      "src": "logo/fui_1x.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": 1.0
    },
    {
      "src": "logo/fui_2x.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "logo/fui_2x.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "logo/fui_3x.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": 3.0
    },
    {
      "src": "logo/fui_3x.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": 4.0
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "landscape"
}

Answer 1

favicon.ico应该是网站缓存的问题，

manifest.json如下配置：

{
    "name": "webname webname webname",
    "short_name": "webname",
    "display": "standalone",
    "start_url": "/index.html",
    "theme_color": "#3E3A39",
    "background_color": "#3E3A39",
    "description":"",
    "orientation":"any",
    "scope":"/",
    "icons": [
    {
        "src": "/webapp/logo-180.jpg",
        "sizes": "256x256",
        "type": "image/png"
    }]
}

Answer 2

谢邀！
favicon.ico不显示的原因可能有以下几点：
1.首先排查浏览器有没有报404错误！
2.根目录有没有favicon.ico直接在头部
3.页面有没有引用？<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
4.nginx等代理服务器配置的时候有没有过滤掉？
5.缓存问题，强刷几遍试试！
希望对您有所帮助！