图标在IE浏览器不工作(favicon not working in IE)

2019-06-17 23:05发布

我使用自定义的favicon.ico网站。 该图标显示为预计在IE之外的所有浏览器。 当试图显示在IE浏览器的图标,我得到了大红色的X; 在其他浏览器中显示的图标时,它显示就好了。 该页面的源代码包括和它在其他浏览器。 感谢您的想法。

编辑:解决:问题的根源是文件改名为ICO JPG格式。 我创建的文件作为ICO,它是按预期工作。 感谢您的输入。

Answer 1:

右键你已经没有那么有用(提供源会一直非常有用!),但在这里你去...有些事情要检查:

是这样的代码:

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

它是在<head>

是像一个真正的 ICO文件? (重命名一个位图是不是一个真正的.ICO!轻度不同的格式)

难道当你添加页面为书签工作?



Answer 2:

在IE和Firefox的favicon.ico只被要求在第一个页面访问该网站上,这意味着如果favicon.ico的要求登录(例如你的网站是一个封闭的场地,需要登录),则该图标将不显示。

解决的办法是增加一个例外的favicon.ico的,例如在ASP.Net您在web.config中添加:

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location> 


Answer 3:

 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. 你的favicon.ico必须放在head标签之间
  2. 尺寸:16×16
  3. 并且Internet Explorer的它必须是透明的(外部白色部分应该不可见)


Answer 4:

如果有人让它归结为这样的回答:

同样的问题:在IE(包括IE 10)没有工作,曾在其他地方。

原来,该文件是不是一个“真正”的.ico文件。 我上传它解决了这个http://www.favicon.cc/ ,然后重新下载。

首先,我通过产生在这个网站随机.ico文件并使用,而不是我原来的文件进行了测试。 看到它的工作。



Answer 5:

你尝试把图标URI“ /favicon.ico ”? IE浏览器可能不知道指的是它的链接标签的方式。

更多信息从W3 。



Answer 6:

如果你什么都试过了上面,它仍然不能在IE工作,如果你使用的是Windows服务器检查你的IIS设置。 确保HTTP头>“启用内容过期”设置,未设置为“立即过期”



Answer 7:

我知道这是一个很老的话题了,但因为它是来到了我的谷歌搜索我只是想我的解决方案添加到它的第一个:

我有这个问题,以及与通过客户端提供的图标。 这显示在除了IE的所有浏览器。 添加linkmeta标记没有工作,所以我开始看的图标文件的格式。
这似乎是一个有效的图标文件(不只是改名图像),但什么固定它到底是把它转换为图像,将其保存为GIF,然后将其转换回一个图标
另外,还要确保清除IE缓存,而你正在测试。



Answer 8:

我有这个确切的问题,似乎没有什么工作。 清除浏览器缓存无数次,甚至IE升级到V9后,我发现这一点: http://favicon.htmlkit.com/favicon/

上面的链接问题解决了完美的我!



Answer 9:

上述解决方案都没有为我工作。

首先,我确信使用本网站创建上面建议的网站图标的图标是正确的格式。

于是我改名,从“favicon.ico的”到“myicon.ico”图标,下面的代码添加到我的网页(该范围内<head>标签):

<link rel="shortcut icon" href="myicon.ico" type="image/x-icon" />

该图标在同一文件夹中的页面。

这解决了这个问题对我来说。 幕后的问题可能有一些东西需要与IE的缓存,但我不知道。



Answer 10:

介意分享的网址是什么? 许多浏览器应对(例如)PNG格式的网站图标,同时IE有经常的麻烦。 - 也较老版本的IE没有检查HTML源代码的图标的位置,但只是一心一意地试图从网络服务器获得“/favicon.ico”。



Answer 11:

我曾经用一个PNG作为favicon.ico的,它显示在IE之外的所有浏览器。 也许一些文件中使其不被IE识别。 另外,还要确保它是32×32。 不知道它虽然很重要。 但是,这件事情我必须确保以看到它在IE浏览器。

希望能帮助到你。 尝试使用ICO文件从别的什么地方只是为了看看是否可行。



Answer 12:

这似乎是一个ASPX页面的问题,我从来没有能够显示在IE浏览器的任何页面图标属于例外,该规则(所有其他人是铬,FF和Safari)是我见过的唯一站点兵.COM,msdn.com和其他属于MS和asp.net运行,有一些他们没有告诉我们! 甚至世界知名的网站不能显示在IE浏览器如:manu.com(大多数浏览运动队在世界)ASPX网站,并没有dislplay在IE浏览器的图标。 http://www.manutd.com/favicon.ico确实显示的图标。

请证明我错了。



Answer 13:

解决方案 :

  • 我简单地从巴纽ICO改变图像的扩展创建从现有的PNG文件的图标。 我使用Drupal 7 bartik主题,所以我上传的快捷方式图标到服务器,它为Chrome和Firefox但不是IE浏览器。 此外,图像图标在桌面上的白色空白。

  • 然后,我把一些人的意见,在这里和使用图像编辑器(GIMP 2 <<减小图像的大小为32×32像素

  • 我上传的图标以同样的方式作为较早,它为所有的浏览器工作正常。

我爱你们的计算器,你帮我解决问题的地段。 谢谢!



Answer 14:

感谢您的所有help.I尝试不同的选择,但对我来说,下面的一个工作。

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

我在我的网页的标题添加上述两行,它在所有浏览器的工作。

谢谢



Answer 15:

可能是这种帮助别人。

对我来说,ICON没有得到显示在IE浏览器,甚至以下所有步骤之后。

最后,我发现在MSDN的说明故障排除的快捷方式图标 。

验证Internet Explorer可以存放在Temporary Internet Files文件夹的快捷方式图标。 如果您将Internet Explorer设置跟不上高速缓存,那么它将无法存储图标会显示默认的Internet Explorer快捷图标代替。

我在使用IE“专用”模式下,一旦我在正常模式下验证....显示正常最爱图标。



Answer 16:

关于与IE9不兼容问题,我碰到这个博客帖子里面给出了创建由IE9识别的图标提示。

在本质上,尝试创建具有下列网站一个图标: http://www.xiconeditor.com/



Answer 17:

检查响应头为你的图标。 他们必须不包括“缓存控制:无缓存”。

您可以使用命令行检查:

curl -I http://example.com/favicon.ico

要么

wget --server-response --spider http://example.com/favicon.ico

(或使用其他工具,会告诉你响应报头)

如果你看到“缓存控制:无缓存”在那里,调整服务器配置,无论是从图标的响应删除页眉或设置一个最大年龄。



Answer 18:

运行Internet Explorer作为管理员。 如果在正常模式下打开IE浏览器图标,然后将不会显示在IE 11(Win 7的)。 我不知道关于浏览器的其他版本的行为。



Answer 19:

此外 - 证书错误(HTTPS)可以防止图标出现。 安全团队改变了我们的服务器设置,我开始变得“​​有此网站的安全证书有问题。” 点击“继续浏览此网站(不推荐)”。 带我去的网站,但不会显示图标。



Answer 20:

我看到的Windows 10和Windows Server 2016年间与IE和边缘之间不同的行为。 我测试使用www.microsoft.com。

在Windows Server 2016的IE 11:
我的最爱:网站图标
地址栏:网站图标
浏览器选项卡:网站图标

视窗10 IE 11:
我的最爱:网站图标
地址栏:通用蓝-E图标
浏览器选项卡:通用蓝-E图标

视窗10边缘:
我的最爱:网站图标
地址栏:无图标
浏览器选项卡:网站图标

这是怎么回事了Windows 10 IE显示通用图标?



Answer 21:

这项工作跨浏览我(IE11,EDGE,CHROME,FIREFOX,OPERA),使用https://www.icoconverter.com/创建.ico文件

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" />
<link rel="icon" href="${favicon_url}" type="image/x-icon" />
<link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />


文章来源: favicon not working in IE