如何在 ASP.NET 站点中添加 favicon.ico答案

【问题标题】：How to add favicon.ico in ASP.NET site如何在 ASP.NET 站点中添加 favicon.ico
【发布时间】：2012-04-15 08:31:26
【问题描述】：

我的应用的解决方案结构是：

现在我在 Login.aspx 中，我愿意将 favicon.ico 添加到该页面的根目录中。

我正在做的是：

<link id="Link1" runat="server" rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />  
<link id="Link2" runat="server" rel="icon" href="../favicon.ico" type="image/ico" />

我也试过了：

<link id="Link1" runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon" />  
<link id="Link2" runat="server" rel="icon" href="favicon.ico" type="image/ico" />

但这些都不起作用。

我已清除浏览器缓存但没有运气。

favicon.ico 的路径来自：

登录.aspx
Site.master

谢谢。

登录页面的 URL：http://localhost:2873/Pages/Login.aspx 和 favicon.ico 的 URL：http://localhost:2873/favicon.ico。

将代码更改为以下代码后，我无法看到 favicon.ico ：

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

【问题讨论】：

你能访问localhost:2873/favicon.ico吗？
@ta.speot.is 是的。它在那里。我可以访问并查看 ico。
en.wikipedia.org/wiki/Favicon#Accessibility 暗示 type 可能是矫枉过正。
@ta.speot.is 如果我使用说：<link href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico" rel="shortcut icon" />，那么它正在工作。但<link href="http://localhost:2873/favicon.ico" rel="shortcut icon" /> 不是。

标签： c# asp.net favicon

【解决方案1】：

    &lt;link rel="shortcut icon" type="image/x-icon" href="~/favicon.ico" /&gt;

这对我有用。如果有人在阅读本文时进行故障排除 - 当我的 favicon.ico 未嵌套在根文件夹中时，我发现了问题。我的资源文件夹中有我的，当时我很挣扎。

【讨论】：

【解决方案2】：

对我来说，如果没有在 web.config 中指定 MIME，它就无法工作，在 <system.webServer><staticContent> 下

<mimeMap fileExtension=".ico" mimeType="image/ico" />

【讨论】：

【解决方案3】：

    <link rel="shortcut icon" href="@Url.Content("~/images/")favicon.ico" type="image/x-icon"/ >

这适用于我在 MVC4 应用程序 favicon 图像放置在 images 文件夹中，它将从根目录遍历到图像并找到 favicon.ico bingo！

【讨论】：

【解决方案4】：

@Scripts.Render("~/favicon.ico"); 请在 MVC 中的布局文件底部尝试上述代码

【讨论】：

【解决方案5】：

我也有同样的问题。我的网址如下

http://somesite/someapplication

下面不行

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

我让它像下面那样工作

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

【讨论】：

@user3308043 - 很抱歉你觉得我的回答很荒谬......但我刚刚发布了我为解决我的问题所做的确切事情......这个解决方案投入生产，从过去一年开始工作正常.. 而且我从来没有说过 dotNetSoldier 的答案是错误的。我刚刚发布了我拥有的解决方案之一......我从未说过其他人的答案是错误的

【解决方案6】：

查看this great tutorial 的网站图标和浏览器支持。

【讨论】：

【解决方案7】：

解析这样的网址href="<%=ResolveUrl("~/favicon.ico")%>"

【讨论】：

【解决方案8】：

/favicon.ico

可能会成功
我已经在我的示例网站上尝试过这个

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

在您的网站上试试这个，把链接放在 MasterPage 中，它可以工作:)

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

我在 ,
FireFox.

Chrome.

Opera 中进行了测试。

一些问题排查：
1.检查您的网站图标是否可以访问（正确的网址），转到查看源代码并单击网站图标链接
2. 每次更改时按 Ctrl+F5 完全刷新浏览器。
3.尝试从SO中搜索您可能会在这里找到您的相关问题。

一些可以帮助您的链接：
Serving favicon.ico in ASP.NET MVC
Favicon Not Showing
Why is favicon not visible

【讨论】：

favicon.ico 在那里。查看添加的图像。
感谢您的回复。我已经更新了我的问题。 /favicon.ico 不工作:(
~/favicon.ico 也不起作用。如果我 firebug，那么我会看到。
如果我使用说：<link href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico" rel="shortcut icon" />，那么它正在工作。但<link href="http://localhost:2873/favicon.ico" rel="shortcut icon" /> 不是。
感谢您的链接，第一个链接帮助很大。

【解决方案9】：

简单地说：

/favicon.ico

前导斜线很重要。

【讨论】：

感谢您的回复。我已经更新了我的问题。 /favicon.ico 不工作:(