为什么chrome里有的页面没有favicon?

阅读 10k
2 个回答

在我這裏只有首頁顯示 favicon。

<link rel="shortcut icon" href="//static.segmentfault.com/global/img/favicon.eee09a32.ico">

而且由於 Retina 屏幕,我可以看出,首頁顯示的 favicon 大小是 16 * 16

但是 shortcut icon 指定的圖標是 32 * 32,這只能說明,chrome 並沒有識別 http://static.segmentfault.com/global/img/favicon.eee09a32.ico 這個文件。從我打開這個連接等了一會卻沒有緩存也可以看出。

所以結論很簡單,<link rel="shortcut icon" href="//static.segmentfault.com/global/img/favicon.eee09a32.ico"> 這行對 chrome 完全沒有起到作用。

Screen Shot 2014-09-22 at 15.54.38.png

另外,在 Chrome 39 Canary 下,主頁也沒有顯示 favicon。而左邊對比的我的 localhost 中隨便一個頁面,favicon 都能正確顯示。

在改版之前從未訪問 segmentfault 的 Chrome Canary 之下,任何頁面都沒有顯示 favicon。這說明,首頁之所以顯示成功,是因爲緩存了舊版 segmentfault 的緣故。

建議:在link 後面加上 type="image/x-icon" 試試

<link rel="shortcut icon" href="//static.segmentfault.com/global/img/favicon.eee09a32.ico">

两个页面都有。

推荐问题