Html 为什么赢了'；在firefox中加载favicon吗？

我正在使用以下工具：

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

---

这是一个真正的“ico”。当我访问时，图标将加载。但是当我访问“www”子域：www.mydomain.com…它不会加载。有什么想法吗？

这听起来像是您这边的配置问题，没有更多信息我们无法解决。您是否尝试过使用绝对URL而不是相对URL

例如：

<link rel="shortcut icon" href="http://mydomain.com/images/favicon.ico" />

---

也许href=“/images/favicon.ico”中的第一个斜杠导致了问题？

您尝试过吗

href="/images/favicon.ico"

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

?？

---

www子域的目录结构是什么？您可以使用绝对路径访问其他图像文件吗？

Fireworks通常会自动拾取favicon.ico文件，而无需任何代码，只要该文件与文档位于同一文件夹中即可。尝试将文件向上移动一个级别以避免引用问题。

您可以尝试将图标放到根目录。

这是一个更大的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在这一个上被破坏了，现在已经有几个版本了，尽管它曾经工作过。

这个问题很烦人。。。 我通常只是添加一个16x16 PNG favicon来解决这个问题。 Firefox处理favicons的方式似乎有点奇怪，对我来说，这是最简单的解决方法。

---

希望这能有所帮助。

我发现我必须清除我的Firefox缓存[CTRL]+[SHIFT]+[DEL]，然后重新启动Firefox，然后才能看到favicon，我将它放在web服务器的根目录中，名为favicon.ico

请注意，在最新版本的Firefox中，favicon仅显示在选项卡图标和书签上，而不显示在地址栏图标上

---

出于安全原因，从firefox 15开始，地址栏中不再使用Favicon，但仍用于选项卡和书签等

---

请参见

这是Firefox当前如何处理favicon文件缓存的结果。要解决此问题，您有几个选项：

添加GET参数 您可以将任意GET参数和值添加到favicon URI的末尾

（提示：当您希望确保用户的浏览器不提供本地缓存版本时，此技巧可用于任何其他css/js文件。）

重命名文件 重命名favicon文件并在href属性中引用重命名后的文件

<link rel="shortcut icon" href="/images/favicon_version_2.ico" />

硬刷新 如果您只关心更新本地机器favicon，则硬刷新可能会在某些浏览器上起作用。对于Windows/*NIX和Mac上的Ctrl+Shift+R或Ctrl+F5和Command+R或Command+Shift+R，通常都会起作用

解释：最终结果是您需要强制浏览器提取文件的新副本，而不是使用本地缓存的文件。在文件URI的末尾添加一个？somevariable=uniquevalue，会让浏览器误以为它正在处理一个新文件，而新文件本质上是无法缓存的。重命名文件时也会产生相同的效果

额外的书呆子技术说明：最好为GET参数值使用时间戳或唯一的文件版本号，因为这将鼓励变量的唯一性。如果用户已经加载了与GET参数和值完全相同的URI（？updated=20150818，在我的示例中），则浏览器可能不会提取新的副本，因为它可能知道它仍在处理相同的文件

---

基于URI中的GET参数缓存文件的选项是特定于浏览器的，因为这些规则在某种程度上取决于浏览器供应商，以区分它们如何处理特定的缓存实例（请参见第页的RFC）。因此，请记住，在某些浏览器中，如果您使用日期作为值，您可能还希望在一天中多次更改文件时包含时间。

Firefox在您网站的根文件夹中查找“favicon.png”而不是“favicon.ico”。为了与更多浏览器兼容，我建议将两者都包括在内

对于我来说，在标题中放置两个链接引用是有效的。
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]

[例外情况…”“Favicon at”https:///favicon.ico“未能加载：
禁止。“nsresult:“0x80004005（NS\u错误\u失败）”位置：“JS帧：：
resource:///modules/FaviconLoader.jsm ：：onStopRequest：：第227行“数据：否]

---

但是它还是加载了.png文件，没有在浏览器窗口中抱怨。

为什么会出现问题？因为它是一个绝对路径，而不是相对路径。它假定“images”文件夹位于文件系统的最顶层，而不是“images/favicon.ico”，这表示“images”文件夹与当前工作目录相关。您找到解决问题的方法了吗？如果是这样，请传达您的解决方案和/或接受答案，以便其他人可以从您的经验中受益！“www.mysite.com”和“mysite.com”是两个不同的网站。FF在这方面是正确的。该站点只能从一个站点访问，不能同时从两个站点访问。站点应该有一个从一个到另一个的永久（301）重定向。@w3d，

[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]