Favicon 未显示在 IE9 的地址栏中 - 但在所有其他浏览器中都显示在那里答案

【问题标题】：Favicon not showing up in address bar in IE9 - yet is displayed there in all other browsersFavicon 未显示在 IE9 的地址栏中 - 但在所有其他浏览器中都显示在那里
【发布时间】：2012-02-13 15:49:26
【问题描述】：

这个真的很奇怪 - 我已经尝试了所有我能想到的东西。我在 Firefox、Chrome 或 Opera 中对此没有任何问题。当我更改服务器上的图标时，它会立即在其他浏览器上更新，但在 IE9 中仍然不显示。

顺便说一句，当我将图像添加到 IE9 的收藏夹时，它会显示在我的“收藏夹”列表中 - 它只是不会显示在 URL 地址栏中。我还验证了 ico 文件适用于另一个网站。每次进行更改时，我都会忠实地清除 IE 浏览器历史记录/临时 Internet 文件。以下是我在 .ASPX 文件中尝试过的几个代码版本。第一个版本在我正在运行的另一个 ASPX 网站上运行：

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

【问题讨论】：

即使你没有直接回答。这让我想到了临时站点安全登录与 www 实时站点。我被甩了，因为其他浏览器仍然在测试中显示图标。 IE9 是唯一一个似乎给我带来问题的浏览器。

标签： internet-explorer-9 favicon

【解决方案1】：

尝试放置绝对路径而不是相对路径：

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>

另外，你把图片放在哪里了。据我回忆，它会根据网络浏览器自动从您服务器上的某个位置拉取。

【讨论】：

我把图片放在网站的根目录下。我确实尝试了“href”中的绝对 URL。
您并没有完全回答这个问题，但鉴于您掌握的信息很少，您对上面的 URL 的请求让我走上了正轨。
@sean 您的问题的解决方案到底是什么？请分享给其他有同样问题的人。

【解决方案2】：

尝试将 rel="shortcut icon" 更改为 "icon"。这对我有用。

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

【讨论】：

谢谢，我刚试过，但也没用。我清除了本地浏览器缓存：历史记录、临时文件甚至 cookie。

【解决方案3】：

如果您使用的是 HTML4 或 HTML5，请在标签末尾使用 >，对于 XHTML，请使用 />。

另外，您可能需要尝试使用type="image/vnd.microsoft.icon"

来源：FavIcon (in Address bar) not working in IE 9

【讨论】：

好的，我以为我已经尝试过了，但我将再次尝试更改“type”属性。
我所能想到的似乎不同的是，我最初将它放在“临时”站点上 - 使用安全登录。正因为如此，IE9 似乎不想拉图标，而其他浏览器则不在乎。直到我查看了另一个网站的暂存站点，我才想到这在生产版本中正确显示。

【解决方案4】：

适用于 Windows 7 和 ie 9 或更高版本！

我为这个网站图标问题苦苦挣扎了好几天 - 它在所有浏览器中都显示，但在 ie9 中没有！

我怀疑文件格式；特别是它的定义标题，它定义了 favicon.ico 的结构，因为它是唯一需要检查的东西，在没有成功的情况下遵循了几个教程和方法！

看来我是对的——windows 7 + ie9 期望图标被构建为 4 个图标，全部包含在一个文件中。

一步一步：

1)我构建了一个 64x64 像素的 24 位彩色图形并将其保存为 png 文件

2)我把这个文件导入了一个叫做 X-icon Editor 的 freebee 在这里得到它http://www.xiconeditor.com/

3)一旦我预览了结果（将有四个图像 64x64、32x32、24x24 和 16x6（均以像素为单位）并且对结果感到满意：

4)我导出了结果，并在导出前记下了提示……

5)然后我使用 save as 工具并将文件定向到我的站点文件的根目录（index.html 文件所在的位置）保存的是 favicon.ico

6)如果您想查看文件，请转到硬盘上的站点目录并双击 favicon.ico 文件，Windows 照片查看器将显示 4 个页面，每个页面代表图标大小。

7) 编辑你的代码如下（细节在技巧步骤 4 中找到）：在 head 标签下插入这个标签： link rel= "快捷方式图标" href="favicon.ico"/

8)将更改上传到您的服务器。

9)清除ie9缓存文件

10)等待大约 20 分钟（可能需要更长时间）

11)登录到您的网站，您应该会看到网站图标

那么还有哪些其他图标都嵌入到一个 favicon.ico 文件中？

64x64 是 Windows 使用的大图标（如果您在桌面上创建一个带有大图标的快捷方式，那么 favicon 将以 64x64 像素显示您的图形），

32x32 与上述相同，但用于设置为中等桌面图标的桌面

24x24 与上述相同，但用于为小桌面图标设置的桌面

16x16 是您网页上使用的网站图标。它也是桌面底部栏（任务栏）的 pinto 区域中使用的图标 - 将快捷方式从桌面移动到任务栏，您会看到它调整大小

全部完成——它有效——耐心等待它出现！

PS（高级用户）您可以拥有多个“Favicon”文件，但您需要重命名所有文件
然后在 head 标签下指向各个页面的每个图标文件 - 但你只允许一个（或多个文件没有）favicon.ico 文件....为它

【讨论】：

如果您将浏览器选项卡固定到任务栏窗口 7 和 8，它们会在每个增量块上达到 256x256，并且您的任务栏使用 128x128

【解决方案5】：

试用网站：http://favicon.htmlkit.com/favicon/（已在每个浏览器中测试并运行）

1) 清除浏览器缓存。 2) 包含您从上述站点创建的包中的所有图像。

【讨论】：

【解决方案6】：

我在 IE9 中遇到了同样的字体和网站图标问题。虽然我对客户端问题进行了广泛研究，但实际上是服务器设置导致了这个问题。

客户端缓存控制模式在 IIS 中设置为“DisableCache”。这导致 IE9 无法加载字体或网站图标。所有其他（现代）浏览器都运行良好。

在 IIS 7 中，您应该在 favicon 或字体文件夹上将缓存控制设置为“NoControl”：

<location path="fonts">
  <system.webServer>
    <staticContent>
      <clientCache cacheControlMode="NoControl" />
    </staticContent>
  </system.webServer>
</location>

【讨论】：