ICO 或 PNG 图标不会在 IE11 中显示答案

【问题标题】：ICO or PNG favicon won't show in IE11ICO 或 PNG 图标不会在 IE11 中显示
【发布时间】：2017-11-01 03:47:35
【问题描述】：

我已经做了很多挖掘工作，但我似乎无法获得适用于 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>

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

我创建了一个网站图标（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 之前的任何事情。

【问题讨论】：

标签： html internet-explorer favicon

【解决方案1】：

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

一份非详尽的清单：

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

【讨论】：

我还没有让它工作，但是那个检查器非常有用。我正在考虑它......我正在本地测试这个（还没有在服务器上）。这可能是问题的原因吗？
哦，当然，这很可能是嫌疑人。使用本地网络服务为您的网站提供服务可能会立即解决您的问题。

【解决方案2】：

您可以使用 JavaScript 更改它。这可能不是最好的答案，但它应该有效。请务必检查下面的链接及其示例。让我知道这对您有什么作用：

How to force ie11 to request a new favicon?

【讨论】：

不，那没用。我将链接添加到头部，并在头部下方的脚本标签中添加了 javascript。我应该将 javascript 放在其他地方吗？
看看 philipp_b 在说什么。我同意这可能是缓存问题。如果这不起作用，请尝试将放在