为啥在构建时注释掉了 favicon 元素的链接?
Posted
技术标签:
【中文标题】为啥在构建时注释掉了 favicon 元素的链接?【英文标题】:Why is the link to favicon element commented out on build?为什么在构建时注释掉了 favicon 元素的链接? 【发布时间】:2020-05-17 15:37:16 【问题描述】:一段时间以来,我一直在尝试在我的 vue.js 项目中使用我自己的 favicon。我用我自己的替换了原来的 vue favicon,它不起作用。
我已经尝试了所有我能找到的故障排除步骤。缓存清除,等了几天,查询覆盖缓存等
我想我现在已经缩小了问题的范围,但不明白为什么会发生。当我在浏览器中检查构建的 web 应用程序时,引用 favicon 的链接元素显示以下内容:
<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->
该元素已被注释掉,并且似乎附加了一个 if 语句。这是为什么呢?
【问题讨论】:
【参考方案1】:当您在 Internet Explorer 低于版本 11
中访问网站时,这是一个备用Internet Explorer 不支持将 .png
图像用作网站图标,而仅支持 .ico
文件。仅从版本 11 及更高版本开始支持 .png
和 .gif
文件。
这就是为什么它周围有if
语句的原因,只有当浏览器是IE
请注意,<!--[if IE]><![endif]-->
只能被 Internet Explorer 10 和低于 IE 10
https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/hh801214(v=vs.85)?redirectedfrom=MSDN
【讨论】:
谢谢你,那条路已经用尽了。我仍然无法在任何浏览器上显示网站图标。 这是一个单独的问题 ;) 你可以试试这个favicon-generator.org 它会为你生成所有必要的文件。 您是否有文档将所有这些文件放置在 vue 应用程序中的位置?我使用过该服务,但只导入了 .ico 文件 也许你在这里找到你的答案***.com/questions/40190524/… 我已经阅读了几乎所有关于网站图标的 *** 问题,但仍然没有运气以上是关于为啥在构建时注释掉了 favicon 元素的链接?的主要内容,如果未能解决你的问题,请参考以下文章