为啥在构建时注释掉了 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 元素的链接?的主要内容,如果未能解决你的问题,请参考以下文章

为啥 main 方法不打印任何东西?

在使用vue脚手架时为啥不能加载favicon.ico图标

为啥我的 index.html 文件中的图标链接不起作用?

favicon.png 与 favicon.ico - 为啥我应该使用 PNG 而不是 ICO?

为啥 Hugo 提供空白页?

为啥我的 GAE 仪表板中有 favicon.ico 错误?