blocks|key|3948915|text|我可以在Chrome，Firefox和IE中看到它。当我们在大学里测试的时候，我的朋友遇到了这样的问题。这只是一个奇怪的缓存事情，让她认为它不是正确的工作。我相信除了你之外的每个人都能看到它工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3948916|尝试打开Dev+Tools+(Mac上的CMD%2B+Option+%2BI)并硬刷新页面(按住刷新按钮直到出现选项)。|3948917|您可以在清除缓存后尝试重新启动浏览器，看看这是否有帮助。|3948918|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I can see it in Chrome, Firefox, and IE. My friend had a problem like this when we were testing back in college. It was just a weird caching thing that made her think it wasn't working right. I'm sure that everyone besides you will be able to see that it works fine.
Try opening the Dev Tools (CMD + Option + i on Mac) and hard refresh the page (hold the refresh button until options appear).
You could always try restarting your browser after clearing the cache and see if that helps.

blocks|key|4234363|text|突然我找到了答案here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4234364|你应该加上"?“到你的favicon路径，它就能工作了！即使使用images/favicon.ico这样的路径也是如此。试试看：|style|CODE|4234365|<link+rel="icon"+href="/images/favicon.ico?"+type="image/x-icon">|4234366|其他浏览器也可以使用。|4234367|记住重新启动mozilla，因为它自己的缓存没有连接到css和其他缓存。|4234368|更新：|BOLD|4234369|另一种方法是设置从favicon.ico到/images/favicon.ico的重定向(301有效)|4234370|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/8616016/favicon-not-displayed-by-firefox-i-know-its-been-asked-10000-times^0|8|4|0|0|W|I|0|0|1T|0|0|0|0|3|0|9|B|L|J|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|17|8|@$A|18|B|19|F|G]]|9|@]|C|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1B|8|@]|9|@]|C|$]]|$1|N|3|O|5|6|7|1C|8|@$A|1D|B|1E|F|P]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1F|8|@$A|1G|B|1H|F|G]|$A|1I|B|1J|F|G]]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

Suddenly I found answer <a href="https://stackoverflow.com/questions/8616016/favicon-not-displayed-by-firefox-i-know-its-been-asked-10000-times">here</a>

You should add "?" to your favicon path and it works! Even with path such as <code>images/favicon.ico</code>. Just try:

<code>&lt;link rel="icon" href="/images/favicon.ico?" type="image/x-icon"&gt;</code>

Other browsers works too.

Remember to restart mozilla, because of it's own cache, that is not connected with css and other caching.

updated:

Another way is set redirect from <code>favicon.ico</code> to <code>/images/favicon.ico</code> (301 works)

blocks|key|4234159|text|<link+rel="icon"+href="http://khachmeruk.com/favicon.ico"+type="image/x-icon">
<link+rel="shortcut+icon"+href="http://khachmeruk.com/favicon.ico"+type="image/x-icon">+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4234160|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;link rel="icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon"&gt;
&lt;link rel="shortcut icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon"&gt; 
</code></pre>

blocks|key|2334967|text|需要考虑的两件事|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2334968|2334969|如果它能在一些浏览器中工作，而在其他浏览器中不能工作，这很可能是一个缓存问题。清除缓存并刷新，或获取更深入的信息：How+do+I+force+a+favicon+refresh|unordered-list-item|offset|length|2334970|If+favicon.ico位于项目的根文件夹中，但不被任何浏览器识别。我会查看.htaccess或任何与.htaccess等效的文件，这取决于服务器类型等。|2334971|2334972|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh^0|0|0|1L|W|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|U|8|@]|9|@$F|V|G|W|1|X]]|A|$]]|$1|H|3|I|5|E|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Two things to consider

<ul>
<li>If it's working in some browsers and not in others it's likely going to be a cache issue. Clear your cache and refresh, or for more in depth info: <a href="https://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh">How do I force a favicon refresh</a></li>
<li>If favicon.ico is in the project's root folder but not being recognized by any browsers I would check out the .htaccess, or whatever equivalent of .htaccess depending on server type etc.</li>
</ul>

blocks|key|2335064|text|对于那些受此问题困扰的人，请尝试将您的收藏夹图标文件移动到主目录。它为我工作，并解决了我的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2335065|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|$]]

For those who suffer from this problem, try move your favicon file to home directory. It worked for me and solved my problem.

blocks|key|4234532|text|https://github.com/ritwickdey/vscode-live-server/issues/77|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4234533|我在VS-Code+live服务器上遇到了这个问题，正如上面讨论的浏览器缓存问题，在这个问题上有流行的github线程。|4234534|试试这个把戏：|4234535|​|4234536|<link+rel="icon"+href="favicon.ico?v=2"+type="image/x-icon"/>|code-block|syntax|javascript|4234537|4234538|快乐学习|4234539|entityMap|0|LINK|mutability|MUTABLE|url^0|0|1M|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|15|8|@]|9|@]|C|$M|N]]|$1|O|3|I|5|6|7|16|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|17|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|4]]]]

<a href="https://github.com/ritwickdey/vscode-live-server/issues/77" rel="nofollow noreferrer">https://github.com/ritwickdey/vscode-live-server/issues/77</a>

I was facing this problem with VS-Code live server, as discussed above it's browser cache issue, there is popular github thread on this.

just try the trick:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="icon" href="favicon.ico?v=2" type="image/x-icon"/&gt;</code></pre>
</div>
</div>


Happy learning

blocks|key|4234401|text|如果你不想花几个小时。为了弄清楚为什么你的favicon没有出现，请确保总是将它放在项目文件夹的根目录下，并在页面的<head></head>部分添加一个链接，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4234402|<head>
++//other+code
++<link+rel="icon"+href="favicon.ico"+type="image/x-icon">
++//other+code
</head>|code-block|syntax|javascript|4234403|文件夹结构|BOLD|4234404|--app
-----img
-----js
-----css
-----favicon.ico|4234405|entityMap^0|1M|D|0|0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|U|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|V|8|@$9|W|A|X|B|M]]|D|@]|E|$]]|$1|N|3|O|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|P|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|Q|$]]

If you don't want to spend hours. trying to figure out why your favicon is not showing up, make sure to always place it in the root of your project folder and add a link in the <code>&lt;head&gt;&lt;/head&gt;</code> section of your page like so:

<pre><code>&lt;head&gt;
 //other code
 &lt;link rel="icon" href="favicon.ico" type="image/x-icon"&gt;
 //other code
&lt;/head&gt;
</code></pre>

Folder Structure

<pre><code>--app
-----img
-----js
-----css
-----favicon.ico
</code></pre>

blocks|key|398686|text|它适用于我在FireFox中的工作。当运行identify+(+ImageMagick包的一部分)时，它报告这个问题：identify:+invalid+colormap+index+'favicon.ico'+@+error/image.c/SyncImage/3906|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|398687|也许在图形编辑器中打开该文件并重新保存它可以清除此错误。|398688|entityMap^0|L|8|1N|25|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

It works for me in FireFox. When running <code>identify</code> (part of the ImageMagick package), it reports this problem:
<code>identify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906</code>

Perhaps opening the file in a graphics editor and re-saving it would clean up this error.

blocks|key|398842|text|这只是一个缓存问题。只需更改文件名，它将立即显示出来...否则什么都不做，它最终会出现。浏览器对favicon缓存是非常持久的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|398843|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|$]]

It is just a caching issue. Just change the file name and it will show up immediately... otherwise do nothing and it will show up eventually. Browsers are just very persistent with the favicon caching.

blocks|key|2334925|text|我也有这个问题。事实证明(至少对我来说)，通过.htaccess阻止没有推荐人的用户/代理导致了问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2334926|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|$]]

I had this problem too. it turns out (for me at least) that blocking users / agents with no referrer via .htaccess caused the problem.

blocks|key|2335170|text|我的问题似乎是因为图像文件的大小而没有被提及的。我使用的图像是1.3MB的4254px+X+3850px。它在Chrome桌面上运行良好，但在Chrome手机或Firefox上就不行。将尺寸更改为120px+X+120px将文件大小减少到9.1KB，现在收藏夹图标工作正常。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2335171|附注：只有当你的代码没有问题时，这才能起作用。|2335172|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Something that hasn't been mentioned that seems to have been the cause of my issue was the image file size. The image I was using was 4254px X 3850px at 1.3MB. It worked fine in Chrome desktop but not on Chrome mobile or Firefox. Changing the dimensions to 120px X 120px reduced the file size to 9.1KB and the favicon now works well.
P.s. This only works if your code has no issues.

blocks|key|3949181|text|对于那些已经尝试了所有方法但仍然没有出现的人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3949182|确保你的代码是这样的：|3949183|ordered-list-item|3949184|3949185|1.+IF+you+still+have+the+same+problem,+put+the+whole+website+in+ANOTHER+DIRECTORY,+like+a+Memory+Stick+(that+fixed+it+for+me+:)+).+
2.+REMEMBER:+You+HAVE+to+put+the+icon+code+in+the++of+EVERY+page.+:)|code-block|syntax|javascript|3949186|​|3949187|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|-4|5|E|7|R|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|T|8|@]|9|@]|A|$J|K]]|$1|L|3|M|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

For those who have tried everything and the favicon still does not show up:

<ol>
<li>Put it in your sites Root Directory</li>
<li>Rename it "favicon.ico"</li>
<li>Make sure your code is like such:

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

 

<ol start="4">
<li>IF you still have the same problem, put the whole website in ANOTHER DIRECTORY, like a Memory Stick (that fixed it for me :) ). </li>
<li>REMEMBER: You HAVE to put the icon code in the of EVERY page. :)</li>
</ol></li>
</ol>

I placed my favicon here:

<a href="http://www.vittoriosastarsnursery.com/favicon.ico" rel="noreferrer">http://www.vittoriosastarsnursery.com/favicon.ico</a>

But for some reason it doesn't want to show in Firefox. It did work in IE, but I'm more concerned about getting it working in Firefox.

Favicon not showing up

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我把我最喜欢的图标放在这里：但出于某种原因，它不想在Firefox中显示。它确实可以在IE中工作，但我更关心的是如何让它在Firefox中工作。

问未显示Favicon
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示FaviconEN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示Favicon
EN