为什么我的图标没有出现在火狐和IE中

Why is it that my favicon does not appear in Firefox and IE?

本文关键字:火狐 IE 我的 图标 为什么      更新时间:2023-09-26

我在<head>区域中像这样指定了我的图标:

<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon">
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">

位置正确,但是当我打开页面时,我仍然看不到我的图标。我认为这是为最新版本的IE和Firefox指定ico的两种最新方法。

虽然你的网站图标可以是 png,但在我看来,以 .ico 结尾的实际文件效果最好。另外,使用完整的域名(即 http://www.domain.com/images/favicon.ico(,不要依赖相对链接。如果您尝试在浏览器中加载图标但失败,则仅刷新页面永远不会将其加载回来。清除浏览器的缓存,然后尝试查看图标是否出现。

以下 3 个网站图标链接适用于 FF、Opera、Chrome、IE 和 Apple 产品

您的代码"应该"如下所示:

<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">

如果您想保留不带.ico扩展名的相对链接:

<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">

favicon就是那些奇怪的陷阱之一。

在网站的根目录上制作网站图标并将其称为favicon.ico

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

请参阅维基百科 http://en.wikipedia.org/wiki/Favicon 中的"可访问性"部分

尝试下面的代码。

<link rel="shortcut icon" href="your icon path">

确保删除所有缓存并重新启动浏览器后。添加后,只有铬会当场显示。

也尝试使用 ico 文件而不是 png 或其他文件。

较旧的浏览器希望采用.ico格式,而不是 png。请考虑更改它。

您可以通过像这样的转换器轻松完成。

公寓从那,按照提到的做,让它像

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

相反。

为了解决此问题,清空所有缓存而不仅仅是最后几个小时可能会解决问题。

你的.htaccess中是否有这样的东西,并且编辑了图像或其他东西

# Sample of what if have in mine. this restricts the download the time you specify
# 480 weeks
<FilesMatch "'.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=290304000, public"
</FilesMatch>

这是你的问题。 但是像这样的人可能会阻止浏览器检索这些文件扩展名。在这种情况下,请尝试缓存浏览器的缓存?

PNG 从未在 IE 中用于收藏夹图标。就在昨天,我读到Firefox更改为仅使用.ico格式,但我无法确认这一点。我试过这个,发现 png 在 FF 中也不适合我。

我不确定IE,但出于安全原因,FireFox 决定不再显示网站图标(即您可以放置绿色"锁"作为您的网站图标,并可能误导用户相信您的网站是安全的。

这是一篇文章:http://www.neowin.net/news/firefox-removing-favicons-from-the-address-bar

更新:至于网站图标...使用此标记:

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />

我相信您的原始代码的问题在于Content网站图标路径中的"/"。