Favicon 在 IE11 中不起作用;适用于 FF 和 Chrome

Posted

技术标签:

【中文标题】Favicon 在 IE11 中不起作用;适用于 FF 和 Chrome【英文标题】:Favicon not working in IE11; works in FF and Chrome 【发布时间】:2016-11-14 01:02:36 【问题描述】:

问题

(我的 favicon 已经在 Firefox 和 Chrome 中工作了。)在我的版本 Internet Explorer 11 中,我似乎无法让 d*ng favicon 工作。我将我的文件存储为 .ico,并且我有 Firefox 的替代文件,因为您可以在其中使用 64x64 .png。它显示了 IE 页面的默认图标。

信息

Windows 版本 - 10Internet Explorer 版本 - 11图标文件类型 - .ico

脚本

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

【问题讨论】:

你有什么问题? 提供资源供我们试用 您如何访问您的页面?通过 HTTP(即 URL 以 http:// 开头)还是通过文件系统(即 URL 以 file:// 开头)?因为某些浏览器在通过文件系统访问时无法正确处理您的网站图标。 @philippe_b 我​​还在编辑它,所以我在我的电脑上打开 index.html 然后我建议你通过 HTTP 访问它以进行认真的调试。或者您可以忽略此问题,直到您准备好切换到 HTTP。 【参考方案1】:

当页面是本地文件系统文件 (file://...) 时,网站图标在 Internet Explorer 中不起作用。

【讨论】:

【参考方案2】:

我在这件事上浪费了很多时间。我发现唯一完全万无一失的解决方案是在加载整个应用程序后以编程方式更改网站图标。见

https://***.com/a/29465098/393274

【讨论】:

以上是关于Favicon 在 IE11 中不起作用;适用于 FF 和 Chrome的主要内容,如果未能解决你的问题,请参考以下文章

html 范围滑块 - oninput 在 IE 11 中不起作用

为啥这个 CSS3 动画在 MS Edge 或 IE11 中不起作用?

编译 ES6 和 VUE JS 在 IE 11 中不起作用

图像映射在 IE 中不起作用

TextTrackList onchange 事件在 IE 和 Edge 中不起作用

使用弹性框的居中按钮在 IE 中不起作用 [重复]