ICO或PNG favicon不会在IE11中展示

时间:2017-05-31 11:04:38

标签: html internet-explorer favicon

我已经做了很多挖掘工作,但我似乎无法为IE11工作。我可以让一个人在Chrome和Firefox中工作。

这是我文件的负责人:

<head>
    <title>Home</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script src="../jquery.min.js"></script>
      <script src="../levelOneImports.js"></script>  
      <link rel="shortcut icon" href="../Iconleak-Cerulean-Science-chemistry.ico" type="image/x-icon">
</head>

以下是我尝试过的不同方法:

  • 我创建了一个favicon(ico和png),但是在我无法使用之后, 我只是尝试下载一些来测试互联网(这里是 one)。
  • 我在另一篇文章中读到IE11应该支持png favicons,所以我尝试使用png文件而不是ico文件。
  • 我在另一篇文章中读到图片不应该在子文件夹中,所以我更改了位置并将其放在根目录中。
  • 我读到16x16所需的图像,所以我尝试创建一个具有这些尺寸的ico文件。我也尝试下载这些尺寸的png文件。
  • 我尝试清除IE缓存。我还尝试清除缓存并重新启动浏览器。
  • 最新的代码解决方案是我在上面尝试的解决方案(来自这篇文章here)。
  • 我也尝试了这个:<link rel="icon" type="image/png" href="../logo.png">使用帖子here中的解决方案。

我不确定我做错了什么。有什么建议?如果你能提供一些代码的例子,它也适用于IE,那就太好了。

不知道这是否有帮助,但我不太关心IE11之前的任何事情。

2 个答案:

答案 0 :(得分:1)

即使您清除了缓存,IE11仍可能使用缓存版本。这是unfortunate, well known-behavior

非详尽清单:

  • 在IE11中,打开开发人员控制台并查找错误。访问该图标时,您通常会发现404错误。
  • 通过向URL添加查询字符串来对图标进行版本控制。例如,在HTML代码中,将图标路径更改为../Iconleak-Cerulean-Science-chemistry.ico?v=2。这应该强制IE11重新加载图标。
  • 使用favicon checker测试您的网站。完全披露:我是这项服务的作者。

答案 1 :(得分:0)

您可以使用JavaScript进行更改。它可能不是最好的答案,但应该有效。请务必查看以下链接及其示例。让我知道这对你有用:

How to force ie11 to request a new favicon?