【问题标题】:Browser doesn't show favicon.ico, but it exists浏览器不显示 favicon.ico,但它存在
【发布时间】:2013-10-06 22:34:22
【问题描述】:

我的网站是http://belhimplast.by/en/ 我为它做了一个图标。 在head 我有:

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

我可以看到 favicon.ico 使用 URL http://belhimplast.by/favicon.ico

但是任何浏览器都不会显示它。 请帮忙。

【问题讨论】:

  • 尝试使用 icon 添加另一个副本。一些浏览器不能正确阅读整个内容。
  • CP 510 - 谢谢,但没用。

标签: html web favicon


【解决方案1】:

我也经历过。对我来说,最快的方法通常是将所需的链接粘贴到不同的浏览器上。

例如,如果您使用的是 Safari,请在 Google Chrome 上运行该链接。它每次都对我有用,无需执行其他人提到的额外步骤。

【讨论】:

    【解决方案2】:

    Po Rith 的代码行对我有用。我添加到涉及的 php 页面,转义引号以适应 php,效果很好。

    echo "&lt;/head&gt;"

    成为

    echo "&lt;link rel=\"shortcut icon\" href=\"/favicon.ico?v=2\" type=\"image/x-icon\"&gt;&lt;/head&gt;"

    然后使用 Ctrl+F5 绕过缓存并重新加载图像...立即工作。

    谢谢,DougieC

    【讨论】:

      【解决方案3】:

      在做任何事情之前,请在browserling 中检查您的网站。如果 favicon 显示在那里,您不需要做任何进一步的事情。那一刻,你的浏览器决定发疯!

      【讨论】:

      • 如果您可能遇到一些奇怪的缓存问题,这是一个很好的建议。我遇到了这个问题,不想重新部署我的代码只是为了修复图标。对我来说,最实用的方法是,一旦我看到网站图标在那里并且我隐约关心更新它,就是更新链接(通过附加一个查询字符串,如 head 部分中的favicon.ico?v=new)准备好下一次部署。我越在乎,下一次部署就越早。
      【解决方案4】:

      我遇到了同样的问题:

      图标存在(您可以通过其网址访问它),但无论我是在本地(使用 WAMP)还是在真实的网络服务器。

      我有以下代码:

      <link rel="icon" sizes="192x192" href="https://example.com/public/images/favicon/favicon.png" type="image/png">
      

      问题是在显示&lt;!DOCTYPE html&gt; 之前,我已经创建了一些echovar_dump 的PHP 变量。

      删除所有echovar_dump 后,网站图标立即在本地和网络服务器上运行。

      【讨论】:

        【解决方案5】:

        CTRL+F5 在某些情况下会有所帮助,因为它会强制重新加载页面上的所有元素。关闭和打开标签并不总是有帮助。

        【讨论】:

          【解决方案6】:

          其他类似帖子的要点

          为您正在测试的浏览器关闭所有窗口并重新启动以查看发生的更改非常重要。 (不适用于 Edge)

          旁注

          我自己也偶然发现了这个问题。在研究了其他答案后,有很多修复它的建议。

          有些人摆脱不了旧图标:How to clear the icon cache of Chromium browser

          其他人想强制刷新: How do I force a favicon refresh

          【讨论】:

            【解决方案7】:

            浏览器将从缓存数据加载。尝试更新您的呼叫以强制更新。新文件名。

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

            【讨论】:

            • '?' 后面的内容会做
            • 太棒了!我找不到缓存,但这破坏了它。
            【解决方案8】:

            尝试在你的 rel 中只使用 rel="icon"...没有 rel="shortcut icon"

            【讨论】:

              【解决方案9】:

              我遇到了同样的问题。这是我的 favicon 标签:

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

              别忘了关闭它。

              我清理了浏览器缓存,但没有解决问题。

              我在 Chrome 和 Firefox 重新启动后看到了我的网站图标。在我看来,这是一个奇怪的浏览器硬缓存

              【讨论】:

                【解决方案10】:

                当我浏览到您的页面时,我看到它被用作图标。

                如果您之前访问过您的页面(呃!),可能是因为浏览器记得之前没有任何图标,因此没有立即更新它。浏览器会记住不同站点的图标,因此它们不必在每次显示站点名称时都请求它(例如在书签或历史记录中)。

                此外,不能保证每个用户都能看到网站图标,有些浏览器有时根本不显示某些图标,原因不明。

                【讨论】:

                • @124bit:看来只能让访问者清理他们的历史了:stackoverflow.com/questions/3970936/…
                • 其实还有另一种方式是在开发者的控制之下。 Web 服务器可以通过“Expires”和“max-age”标头指示浏览器将任何给定文件缓存多长时间。
                猜你喜欢
                • 2015-02-16
                • 1970-01-01
                • 2012-04-19
                • 1970-01-01
                • 2016-07-29
                • 1970-01-01
                • 2015-08-04
                • 2017-12-18
                • 1970-01-01
                相关资源
                最近更新 更多