Favicon不會在IE和Chrome中顯示

我真的很困惑爲什麼我的圖標不會顯示在IE9或Chrome中。它確實在Firefox中顯示。我用收藏夾圖標之前，從未發生過這樣的煩惱，我的代碼是很簡單的：Favicon不會在IE和Chrome中顯示

<!DOCTYPE HTML> 
<html> 
<head> 
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
</head> 
<body> 

</body> 
</html>

我使用的文件的favicon.ico直接從維基百科（採取測試的目的是確保它不是一個錯誤的ICO文件）並放入與HTML文件相同的文件夾中。我嘗試清除瀏覽器的緩存並重新啓動它們，但沒有任何效果。另外，這不在Web服務器上，我直接從文件系統打開HTML。

來源

2011-09-13 jlh

還添加了一個標籤，使其像這樣增加瀏覽器覆蓋：

<LINK REL="icon" HREF="favicon.ico" TYPE="image/x-icon"> 
<LINK REL="shortcut icon" HREF="favicon.ico" TYPE="image/x-icon">

來源

2011-09-13 12:22:16 Musaab

謝謝，但是這仍然沒有使圖標出現在IE9或Chrome ... – jlh

我得到網站圖示在Chrome工作與

<html> 
<head> 
<link rel="shortcut icon" href="/myapp/img/favicon.ico" /> 
</head> 
</body>

也許剝離TYPE屬性？

來源

2011-09-13 12:59:20

我試圖使用絕對路徑和stipping類型屬性，但沒有什麼幫助...也許有什麼不對的計算機。或者瀏覽器緩存圖標的行爲是非常奇怪的理解。 – jlh

試試這個（有斜槓）：

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

這應該工作

來源

2012-08-14 18:01:26 Dennis

在這種形式下，這是錯誤的。如果OP在public ** root **中有他/她的圖標，它只能在開始時使用**斜槓**。查看http://en.wikipedia.org/wiki/Favicon：*「文件名和位置可以爲任何網站目錄指定」*。因此，理論上，常規的'favicon.ico'與'。/ favicon.ico'相同，這意味着瀏覽器應該在當前目錄中查找favicon.ico文件（它也可以是相對於根目錄的子目錄）。 '/ favicon.ico'形式意味着瀏覽器應該在公共根目錄中尋找'favicon.ico'文件。 – Sk8erPeter

清除歷史記錄。

首先在瀏覽器地址欄中直接點擊文件。

然後刪除整行，因爲默認情況下它會查看該文件的根目錄。

來源

2012-08-14 18:03:58 KingKongFrog

OP說：「這不是在Web服務器上，我直接從文件系統打開HTML」 - 所以，呃，「/favicon.ico」在文件：//地址的上下文中解析的絕對路徑是什麼？ –

確保它是一個真正的圖標文件，而不是BMP/JPG/PNG保存。ICO，

使用這個，如果有幫助：

http://www.favicon.cc/

來源

2014-07-21 20:48:16

Favicon不會在IE和Chrome中顯示

回答

相關問題