Favicons拒絕在IE和Chrome中顯示

我試圖在HTML頁面上包含一個favicon，我花了過去幾個小時試圖弄清楚這一點。 favicon顯示在Firefox上，但不在IE，Chrome或Edge上。我從本地文件啓動網站（因此它不在任何地方託管）。Favicons拒絕在IE和Chrome中顯示

下面是圖標我的代碼 - 這是隻有在Firefox的作品，然後只有一個：

<link rel="shortcut icon" type="image/png" href="/favicon-32x32.png?v=2"/> 
<link rel="shortcut icon" type="image/png" href="/favicon-16x16.png?v=2"/> 
<link rel="shortcut icon" href="favicon.ico?v=2" type="image/icon"> 
<link rel="icon" href="favicon.ico?v=2" type="image/icon">

僅供參考，我試着在下列問題的答案，沒有不幸的是無濟於事：

事情我已經嘗試：

我已清空緩存了一些關於Chrome的時間，但並沒有在所有幫助！
我也替換了不同圖片的圖標，它不適用於這個頁面，雖然這個圖標可以在另一個完全獨立的頁面上工作。
卸下前斜線在「href」屬性，而是由this bug從this question
由於認爲無法正常工作或
更改「HREF」指向我的下載文件夾在上述鏈接問題的接受答案中建議，我已將圖標引用更改爲<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">，以查看是否顯示了StackOverflow圖標 - Chrome沒有顯示任何內容，但有趣的是Firefox也沒有顯示。

我應該提到的另一件事是，favicons都存儲在根文件夾中，所以沒有URL的問題！

來源

2016-07-31 Often Right

也許問題出在圖標本身？ –

@AhmadAlfy我也有這樣的想法，所以我嘗試在另一個完全獨立的頁面使用圖標，它的工作。我也嘗試用該頁面中的圖標代替（我知道它在Chrome中工作正常），並且它沒有顯示在此頁面上，所以代碼中肯定有錯誤 –

您是否嘗試將它們放入最小apache安裝中在那裏測試？ –

看起來像這樣是在Chrome上本地託管網站的錯誤？ https://bugs.chromium.org/p/chromium/issues/detail?id=51270

來源

2016-07-31 05:23:30 tcasey

這對我來說似乎是最合理的解釋！ –

幾乎解決了它（IE仍然沒有打球，但這是可以預料的！）。我在下面發佈了我的答案，但是你的答案實際上更好地回答了問題，所以我將其視爲已接受;）再次感謝您的幫助！ –

我從this answer發現部分解決方案。我發現，如果我使用JQuery設置圖標，那麼它將顯示在Chrome（和Firefox）上，而不管它是否是本地文件。代碼如下：

var link = document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'http://www.stackoverflow.com/favicon.ico'; document.getElementsByTagName('head')[0].appendChild(link);

來源

2016-07-31 07:39:41

Favicons拒絕在IE和Chrome中顯示

回答

相關問題