为啥在构建时注释掉了 favicon 元素的链接？

Posted 2023-02-22

【中文标题】为啥在构建时注释掉了 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/…

我已经阅读了几乎所有关于网站图标的 *** 问题，但仍然没有运气