【问题标题】:Why my favicon not showing up, although it is defined correctly?为什么我的图标没有显示,尽管它定义正确?
【发布时间】:2011-05-13 23:55:57
【问题描述】:

好的,我的网站图标由于某种原因没有出现。在image/favicon.ico (我已经检查了 5 次)

这是我使用的代码:

<link rel="shortcut icon" href="images/favicon.ico" />  

这是网站:http://prime.programming-designs.com/

【问题讨论】:

  • 在 IE8 中显示良好...令人惊讶。
  • 在 Chrome 5 和 Firefox 3.6 中为我工作
  • 在几乎所有浏览器中,网站图标确实需要很长时间才能更改,这是一个事实,我已经经历过很多次了,请耐心等待,总有一天你会感到惊讶。对于访问您网站的任何新用户,他们都会看到新的网站图标 :)
  • 如果你把它放在根目录下,它应该会显示出来,而不必把链接也放进去。还在 FireFox、Chrome、Safari 和 Opera 中为我展示。
  • 每当我的favicon 出现问题时,我都会直接在浏览器中浏览它并强制重新加载。

标签: html css xhtml favicon


【解决方案1】:

它可能只是缓存在您的浏览器中,它在我的浏览器中显示为一个蓝十字。

否则,请检查您的图像路径。 image/favicon.icoimages/favicon.ico 不匹配,但这可能只是一个错字。

【讨论】:

    【解决方案2】:

    然而,迟到了。 我遇到的这个问题比我应该的要多。 我的解决方法是添加一个“版本号” ?v1 或其他什么,这将清除缓存。

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

    【讨论】:

      【解决方案3】:

      删除浏览器的缓存并重新启动浏览器。可能需要一段时间才能显示在例如 FF 中

      【讨论】:

      • 值得一试,虽然我的没有斜线并且工作正常。您也可以尝试添加 type 属性:type="image/x-icon" 虽然不确定为什么会产生如此大的差异。
      • @William 尝试临时添加一个查询字符串:favicon.ico?1234567
      【解决方案4】:

      大多数浏览器(如 IE)都会请求/favicon.ico,尽管您已设置,但如果您返回正确的 Content-Type 并以正确的方式设置,它应该仍然有效。

      您可以尝试这样做:

      <link rel="shortcut icon" href="/images/favicon.ico?289349832" /> 
      

      查询字符串通常会强制浏览器重新请求资源,因为它是唯一的。

      您也可以尝试将服务器从/favicon.ico 重定向到/images/favicon.ico

      您也可以将/images/favicon.ico 移动到根目录。

      但是,浏览器自然真的会缓存网站图标中的垃圾,所以我的建议是等待,因为很可能以上都无济于事。它应该及时显示在您的浏览器上。

      【讨论】:

        【解决方案5】:
        1. 在浏览器中加载http://prime.programming-designs.com/images/favicon.ico 100% 验证路径是否正确。
        2. 检查服务器返回的Content-Type 标头。某些浏览器可能过于敏感。您可能需要为 .ico 扩展注册 MIME 类型。
        3. 正如其他人所说,尝试清除浏览器缓存。

        【讨论】:

          【解决方案6】:

          我刚刚将 favicon 重命名为 favicon1 并上传了更改后的文件,它可以正常工作。

          【讨论】:

            【解决方案7】:

            我遇到了一个特定页面一个月左右没有显示网站图标的问题,这真的变得很烦人。我最终解决了是因为我试图将标题放在一个跨度内,例如

            <span id="title"><title>Page Title</title></span>
            

            页面上的其他所有内容都运行良好,但网站图标拒绝显示!

            【讨论】:

            • 是标题中的 吗?虽然这是一个非常古老的问题,但问题显然不是这个。
            【解决方案8】:

            这对我有用,但是当我将结尾更改为 .png 或 .ico .jpg 等时,它又开始工作了

            示例:

            <link rel="shortcut icon" type="image/png" href="image.png">
            

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2023-01-25
              • 2021-07-13
              • 2018-05-06
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多