在 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 不會顯示