在 Google Chrome 中 Favicon 不會顯示

問題描述

我有一個沒有顯示在 Chrome 中的 favicon 圖標 (我不知道其他瀏覽器，因為我只使用 Chrome)，但奇怪的是如果我鍵入圖標的 URL 在它顯示的圖標！

為什麼圖標不出現？

最佳解決方案

1) 清除緩存。 http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582 並測試另一個瀏覽器，讓我們説 safari 。你是如何導入圖標的？

2) 你應該如何添加它：

正常圖標：

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

PNG /GIF 圖標：

<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="icon" type="image/png" href="favicon.png" />

在<head> 標籤。

3) 另一件事可能是 Chrome 無法顯示 favicons 的問題，如果它是本地的 (未上傳到網絡服務器) 。只有當文件/圖標在下載目錄中時，chrome 才允許加載這些數據 – 有關這方面的更多信息可以在這裏找到：local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

4) 嘗試將其從 favicon.{whatever}重命名為 {yourfaviconname}.{whatever}，但我建議您仍然擁有正常的圖標。這解決了我在 IE 上的問題。

5) 找到另一個解決方案，這是非常好的！我直接在標籤中添加了我的 favicon 作為 Base64 編碼圖像，如下所示：

<link href="" rel="icon" type="image/x-icon" />

在這裏使用此頁面：http://www.motobit.com/util/base64-decoder-encoder.asp

6) 我真的可以建議你這個頁面：http://www.favicon-generator.org/來創建你需要的所有類型的圖標。

次佳解決方案

我讀了一堆不同的條目，直到我終於找到一個適用於我的場景的解決方案 (ASP.NET MVC4 項目) 。

而不是使用文件名 favicon.ico 作為我的圖標，我將其重命名為別的，即 myIcon.ico 。然後我剛剛使用了 Domi 發佈的內容：

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

這工作！

這不是一個緩存問題，因為我用 Fiddler 進行了測試 – 即使我清除了我的緩存「從一開始就」，圖標從未發生過。我相信 Chrome 只是一些奇怪的 bug？

第三種解決方案

將您的 favicon.ico 上傳到您網站的根目錄，並使用 Chrome 。有些瀏覽器忽略了元標記，只使用/favicon.ico

去搞清楚？…..

參考文獻

Favicon not showing up in Google Chrome [duplicate]

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。

在 Google Chrome 中 Favicon 不會顯示