favicon 在任何浏览器中都不起作用答案

【问题标题】：favicon not working in any browserfavicon 在任何浏览器中都不起作用
【发布时间】：2011-04-24 09:40:22
【问题描述】：

您好，我正在尝试让网站图标出现在我的网页上。免责声明：我以前从未这样做过，但看起来确实很简单。

我在一个名为 pics 的文件夹中有一个 ico 图像，它是我项目的一部分。我正在尝试在我的母版页中执行此操作。

 <link rel="Shortcut Icon" href="~/pics/REDIcon.ico"/>

没错，对吧？还有什么需要检查的吗？

任何帮助将不胜感激。

编辑：

我的代码现在看起来像：

<link rel="Shortcut Icon" href="pics/REDIcon.ico" type="image/x-icon"/>

但这仍然无法正常工作。

【问题讨论】：

【解决方案1】：

1) 添加type="image/x-icon"属性

2) 去掉~。 favicon 应该位于网站的根目录中（我一直把它放在这个位置并且它可以工作）。某些浏览器可能会在预定位置查找网站图标。检查返回的标记以确保所有内容均有效。

3) 清除浏览器的缓存。我发现图标开始出现可能需要一段时间。

这是我的一个页面中的一个示例：

<link rel="shortcut icon" type="image/x-icon" href="http://www.mysite.com/favicon.ico" />

【讨论】：

【解决方案2】：

试试这样的：

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

【讨论】：

+1：.Net 不会将波浪号分解为完整路径。您必须通过路径后面的代码注入它，或者只需将标记点准确地指向它所在的位置。
所以，如果我有一个名为 pics 的文件夹，其中包含图像并且位于我的其余代码所在的位置，我的 href 应该如下所示：href="pics/favicon.ico"
应该没问题。如果您不知道您的图片文件夹相对于您的网页的位置，您始终可以使用根相对路径。这以正斜杠开头，它代表您网站的顶级目录。如果您的 pics 文件夹位于根目录中，那么使用“/pics/favicon.ico”应该可以在任何地方使用，即使您的 aspx 文件位于子目录中。

【解决方案3】：

将 type="image/x-icon" 添加到该链接：

<link rel="Shortcut Icon" href="~/pics/REDIcon.ico" type="image/x-icon" / >

您可能还需要重写该 href - 不确定浏览器如何处理 tildas (~)。

然后重新启动您的浏览器 - 他们通常会积极缓存网站图标的存在或缺失。

编辑：我不知道 asp.net 框架是如何工作的 - 但请确保您的图像已部署到应用程序的工作目录中。

【讨论】：

【解决方案4】：

您必须在<link> 标签中添加type="application/x-icon"。

编辑：波浪号是什么？无需从当前文件夹开始

href="pics/REDIcon.ico"

【讨论】：

已编辑。不，它是应用程序/x-icon
"image/x-icon" def 工作，我一直这样做。谷歌结果表明这是这样做的方法。
也许我们都可以就“image/vnd.microsoft.icon”达成一致。这是最官方的，据我所知：en.wikipedia.org/wiki/ICO_(file_format)#MIME_type
哈，数字。显然 IE6 不支持 "image/vnd.microsoft.icon" (stackoverflow.com/questions/1444975/…)。也许我们可以同意不使用 .ico 格式？ ;)

【解决方案5】：

asp.net 是否正确地将波浪号 (~) 转换为适用于 HTML 的内容？如果这部分直接进入 html，而不在服务器上进行任何预处理，我怀疑浏览器将能够找到图标，因为它们很难解释 href。如果您使用图标的绝对、相对或根相对路径，您是否仍然遇到此问题？

【讨论】：