Visual Studio 项目网站图标答案

【问题标题】：Visual Studio Project FaviconVisual Studio 项目网站图标
【发布时间】：2021-08-10 21:28:59
【问题描述】：

将模板迁移到我的 Visual Studio Web 应用程序后，我似乎无法让网站图标正常工作。该图标为 16x16，名为 favicon.ico，位于我项目的 Content/images 目录中。我已经使用此路径引用了其他可以正常工作的图像。有什么想法吗？

 <link runat="server" rel="icon" href="../Content/images/favicon.ico" type="image/ico" />

【问题讨论】：

【解决方案1】：

好吧，如果它不起作用，那么只有一个选择 - 你的路径是错误的。

试试这个：

<link runat="server" rel="icon" href="~/Content/images/favicon.ico" type="image/x-icon" />

另外，类型是“image/x-icon”...

【讨论】：

【解决方案2】：

传统上（第一次使用 favicon.ico 的遗留问题）它应该放在网站的根目录。

图像/x-icon 用于 IE。

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

对于以下浏览器，最好还是在根目录下... 谷歌浏览器 Internet Explorer Safari

对于以下浏览器，在根目录中是可选的... 火狐歌剧

【讨论】：

【解决方案3】：

清除缓存可能会解决此问题。

【讨论】：

【解决方案4】：

将?v=2 添加到您的href 例如：<link rel="icon" href="favicon.ico?v=2" type="image/x-icon"/>

某些浏览器会尝试缓存“favicon.ico”的早期版本。如果该功能不存在，则此添加会覆盖该功能。我在 VSCode 编辑器中使用 Live Server 遇到了这个问题！

【讨论】：