blocks|key|1256477|text|这是一个更大的firefox+bug的一部分。如果我在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"，那么它可以工作。火狐已经忘记了如何处理www.mysite.com是mysite.com的网站。它曾经起作用，但现在不起作用了。您还可以看到，如果您在www.mysite.com和mysite.com之间切换，链接将从“已访问”更改为“未访问”样式。FF在这一点上是失败的，现在已经有几个版本了，尽管它曾经工作过。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1256478|entityMap^0|15|17|3D|16|6O|1Z|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

It's part of a bigger firefox bug. If I am in mysite.com and say <code>link rel="shortcut icon" href="/myicon.ico"</code> it works. But this is the only way it works. If am in mysite.com and say <code>link rel="shortcut icon" href="myicon.ico"</code> or any other relative link, it fails. HOWEVER, if I am in www.mysite.com and use relative links, they work fine. Further, if I am in mysite.com and say <code>link rel="shortcut icon" href="http://www.mysite.com/mypath/myicon.ico"</code> it works. Firefox has forgotten how to deal with websites where www.mysite.com IS mysite.com. It used to work, and it doesn't anymore. You can also see that if you flip between www.mysite.com and mysite.com links will change from "visited" to "unvisited" style. FF is broken on this one, and has been for a couple of versions now, though once it worked.

blocks|key|1470965|text|这听起来像是你的配置问题，没有更多的信息我们无法解决。您是否尝试过使用绝对URL而不是相对URL？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1470966|示例：|1470967|<link+rel="shortcut+icon"+href="http://mydomain.com/images/favicon.ico"+/>|code-block|syntax|javascript|1470968|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This sounds like a configuration issue on your end which we can't solve without more information. Have you tried using an absolute URL instead of a relative one?

Example:

<pre><code>&lt;link rel="shortcut icon" href="http://mydomain.com/images/favicon.ico" /&gt;
</code></pre>

blocks|key|1471330|text|出于安全原因，从Firefox15开始，地址栏中不再使用图标，但仍在标签和书签等中使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1471331|请参阅http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/|offset|length|1471332|entityMap|0|LINK|mutability|MUTABLE|url|http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/^0|0|3|29|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

For security reasons favicons are not used in the address bar anymore starting with firefox 15, but are still used in tabs and bookmarks etc

See <a href="http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/" rel="nofollow">http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/</a>

blocks|key|1471097|text|您可以尝试将图标放在根目录下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1471098|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you can try to put the icon to the root.

blocks|key|1471000|text|你试过了吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1471001|<link+rel="shortcut+icon"+href="images/favicon.ico"+/>|code-block|syntax|javascript|1471002|？www子域的目录结构是什么？是否可以使用绝对路径访问其他图像文件？|1471003|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Have you tried

<pre><code>&lt;link rel="shortcut icon" href="images/favicon.ico" /&gt;
</code></pre>

?
What is the directory structure for www subdomain? Can you access other image files using the absolute path?

blocks|key|1256358|text|只要favicon.ico文件与文档在同一文件夹中，Fireworks通常会自动拾取该文件，而无需编写任何代码。尝试将文件上移一级以避免引用问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256359|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Fireworks often picks up the favicon.ico file automatically without any code, so long as it is the same folder as the document. Try moving your file up a level to avoid referencing issues.

blocks|key|1471272|text|这个问题很烦人。我通常只添加一个16x16的PNG图标来解决这个问题。Firefox处理图标的方式看起来有点奇怪，对我来说，这个变通方法是最简单的。希望这能有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1471273|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This problem is annoying... 
I usually just add a 16x16 PNG favicon to solve this.
Firefox's way to deal with favicons seems a bit odd and that workaround is, to me, the simplest.
Hope this helps.

blocks|key|1256662|text|火狐在你网站的根文件夹中查找"favicon.png“而不是"favicon.ico”。为了与更多的浏览器兼容，我建议将两者都包含进来。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256663|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Firefox looks for "favicon.png" rather than "favicon.ico" in root folder of your website. I recommend including both for compatibility with more browsers.

blocks|key|1256692|text|对我来说，在标题中放两个链接引用行得通。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256693|FF直到添加第二行后才显示该图标|1256694|++
<link+type="image/x-icon"+href="/favicon.ico"++rel="shortcut+icon"++>
<link+type="image/x-icon"+href="/favicon.png"++rel="shortcut+icon"++>|code-block|syntax|javascript|1256695|删除或离开第一个/对FF处理图标的方式没有影响。控制台报告|1256696|[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]|1256697|但它还是加载了.png文件，没有在浏览器窗口中出现错误。|1256698|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

For me putting two link refs in the header worked. 
FF did not display the icon until the second line was added

<pre><code> &lt;!-- browser icon --&gt;
&lt;link type="image/x-icon" href="/favicon.ico" rel="shortcut icon" &gt;
&lt;link type="image/x-icon" href="/favicon.png" rel="shortcut icon" &gt;
</code></pre>

Removing or leaving in the first / made no difference to how FF handled the icon.
The console reported

<pre><code>[Exception... "Favicon at "https://&lt;myhost&gt;/favicon.ico" failed to load: 
Forbidden." nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: 
resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 227" data: no]
</code></pre>

But it loaded the .png file anyway, without complaining in the browser window.

blocks|key|1471437|text|The+protocol+relative+URL可能是一个很好的选择(archived，你永远不知道)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1471438|这是关于network-path+reference的(解释在那里)，尝试：|1471439|<link+rel="shortcut+icon"+href="//images/favicon.ico"+/>|code-block|syntax|javascript|1471440|entityMap|0|LINK|mutability|MUTABLE|url|https://www.paulirish.com/2010/the-protocol-relative-url/|1|https://web.archive.org/web/20141231204918/https://www.paulirish.com/2010/the-protocol-relative-url/|2|https://datatracker.ietf.org/doc/html/rfc3986#section-4.2^0|0|P|0|10|8|1|0|4|M|2|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]|$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]|U|$5|N|O|P|C|$Q|V]]]]

<a href="https://www.paulirish.com/2010/the-protocol-relative-url/" rel="nofollow noreferrer">The protocol relative URL</a> could be a good option (<a href="https://web.archive.org/web/20141231204918/https://www.paulirish.com/2010/the-protocol-relative-url/" rel="nofollow noreferrer">archived</a>, you never know).
It is about <a href="https://datatracker.ietf.org/doc/html/rfc3986#section-4.2" rel="nofollow noreferrer">network-path reference</a> (explanation there), try:
<pre class="lang-html prettyprint-override"><code>&lt;link rel=&quot;shortcut icon&quot; href=&quot;//images/favicon.ico&quot; /&gt;
</code></pre>

blocks|key|1256815|text|对于firefox，你必须使用一个特殊的标签：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1256816|<link+rel="image/x-icon"+type="image/png"+href="/favicon/favicon-196x196.png"+/>|offset|length|style|CODE|1256817|现在，当您将其拖动到书签栏时，图标会显示出来。|1256818|entityMap^0|0|0|28|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

for firefox you have to use a special tag:
<code>&lt;link rel=&quot;image/x-icon&quot; type=&quot;image/png&quot; href=&quot;/favicon/favicon-196x196.png&quot; /&gt;</code>
Now when you drag it to bookmark bar the icon shows.

I am using the following:

<pre><code>&lt;link rel="shortcut icon" href="/images/favicon.ico" /&gt;
</code></pre>

It is a true 'ico'. When I visit <a href="http://mydomain.com" rel="noreferrer">http://mydomain.com</a>, the icon loads. But when I visit the 'www' subdomain: www.mydomain.com...it won't load. Any ideas what is going on?

why won't favicon load in firefox?

我正在使用以下内容：<link rel="shortcut icon" href="/images/favicon.ico" />这是一个真正的'ico‘。当我访问时，会加载该图标。但当我访问“www”子域时: www.mydomain.com...it无法加载。你知道是怎么回事吗？

问为什么favicon不能加载到firefox中？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么favicon不能加载到firefox中？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么favicon不能加载到firefox中？
EN