我正在使用以下内容:
<link rel="shortcut icon" href="/images/favicon.ico" />
这是一个真正的'ico'。当我访问http://mydomain.com时,图标会加载。但是当我访问“www”子域时:www.mydomain.com...它不会加载。有什么想法吗?
我正在使用以下内容:
<link rel="shortcut icon" href="/images/favicon.ico" />
这是一个真正的'ico'。当我访问http://mydomain.com时,图标会加载。但是当我访问“www”子域时:www.mydomain.com...它不会加载。有什么想法吗?
我发现我必须清除我的 Firefox 缓存 [CTRL]+[SHIFT]+[DEL],然后重新启动 Firefox,然后才能看到我将它放在 Web 服务器的根目录中并称为 favicon.ico 的图标。
请注意,在最新版本的 Firefox 中,网站图标仅显示在选项卡图标和书签上,而不显示在地址栏图标中。
这是一个更大的 Firefox 错误的一部分。如果我在 mysite.com 并说它link rel="shortcut icon" href="/myicon.ico"
有效。但这是唯一有效的方法。如果我在 mysite.com 并说 link rel="shortcut icon" href="myicon.ico"
或任何其他相关链接,它会失败。但是,如果我在 www.mysite.com 并使用相对链接,它们就可以正常工作。此外,如果我在 mysite.com 并说它 link rel="shortcut icon" href="http://www.mysite.com/mypath/myicon.ico"
有效。Firefox 忘记了如何处理 www.mysite.com 为 mysite.com 的网站。它曾经有效,现在不再有效。您还可以看到,如果您在 www.mysite.com 和 mysite.com 之间切换,链接将从“已访问”变为“未访问”样式。FF 在这一点上被打破了,现在已经有几个版本了,尽管它曾经工作过。
这听起来像是您的配置问题,如果没有更多信息,我们将无法解决。您是否尝试过使用绝对 URL 而不是相对 URL?
例子:
<link rel="shortcut icon" href="http://mydomain.com/images/favicon.ico" />
出于安全原因,从 Firefox 15 开始,地址栏中不再使用网站图标,但仍用于选项卡和书签等
见http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/
这是 Firefox 当前如何处理网站图标文件缓存的结果。为了解决你有几个选择:
您可以在 favicon URI 的末尾添加任意 GET 参数和值
(提示:当您想确保用户的浏览器不提供本地缓存版本时,此技巧可用于任何其他 css/js 文件。)
<link rel="shortcut icon" href="/images/favicon.ico?updated=20150818" />
重命名您的网站图标文件并在您的 href 属性中引用重命名的文件。
<link rel="shortcut icon" href="/images/favicon_version_2.ico" />
如果您只关心更新本地计算机的 favicon,则硬刷新可能适用于某些浏览器。通常,对于 Windows/*NIX 使用Ctrl+Shift+R或Ctrl+F5 ,在 Mac 上使用Command+R或Command+Shift+R即可。
说明:最终结果是您需要强制浏览器提取文件的新副本,而不是使用本地缓存的文件。在文件 URI 的末尾添加?somevariable=uniquevalue会诱使您的浏览器认为它正在处理一个新文件,而新文件本质上还不能被缓存。重命名文件时会产生相同的效果。
额外的技术说明:使用时间戳或唯一的文件版本号作为 GET 参数值是最好的,因为它会鼓励变量的唯一性。如果用户已经使用完全相同的 GET 参数和值(在我的示例中为 ?updated=20150818)加载了该 URI,则浏览器可能不会提取新副本,因为它可能知道它仍在处理同一个文件。
根据 URI 中的 GET 参数缓存文件的选项是特定于浏览器的,因为规则在某种程度上取决于浏览器供应商来辨别它们如何处理特定的缓存实例(请参阅http://www.w3.org上的 RFC /协议/rfc2616/rfc2616-sec13.html#sec13.9)。因此,请记住,如果您使用日期作为值,则在某些浏览器中是可能的,如果您在一天中多次更改文件,则可能还需要包含时间。
您可以尝试将图标放到根目录。
也许是第一个斜线
href="/images/favicon.ico"导致问题?
你有没有尝试过
<link rel="shortcut icon" href="images/favicon.ico" />
? www 子域的目录结构是什么?你可以使用绝对路径访问其他图像文件吗?
Fireworks 经常自动提取 favicon.ico 文件,无需任何代码,只要它与文档位于同一文件夹即可。尝试将文件上移一级以避免引用问题。
这个问题很烦人......我通常只是添加一个 16x16 PNG 图标来解决这个问题。Firefox 处理网站图标的方式似乎有点奇怪,对我来说,这种解决方法是最简单的。希望这可以帮助。
对我来说,在标题中放置两个链接引用是有效的。
FF直到添加第二行才显示图标
<!-- browser icon -->
<link type="image/x-icon" href="/favicon.ico" rel="shortcut icon" >
<link type="image/x-icon" href="/favicon.png" rel="shortcut icon" >
首先删除或离开 / 对 FF 处理图标的方式没有影响。控制台报告
[Exception... "Favicon at "https://<myhost>/favicon.ico" failed to load:
Forbidden." nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame ::
resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 227" data: no]
但它无论如何都会加载 .png 文件,而不会在浏览器窗口中抱怨。
Firefox 在您网站的根文件夹中查找“favicon.png”而不是“favicon.ico”。我建议同时包含两者以兼容更多浏览器。
对于 Firefox,您必须使用特殊标签:
<link rel="image/x-icon" type="image/png" href="/favicon/favicon-196x196.png" />
现在,当您将其拖动到书签栏时,图标会显示。