1. 程式人生 > >favicon.ico網站圖示不顯示

favicon.ico網站圖示不顯示

<link rel="Shortcut Icon" href="images/favicon.ico">

是因為你在本地測試的,而不是在伺服器端測試的。
【1】在伺服器端測試,預設會識別根目錄下favicon.ico的檔案作為網頁的ico。若在個別頁面有不同的ico,在個別頁面用<link>新增ico即可
【2】在本地端測試,chrome、opera和firefox支援通過<link>標籤新增ico,但IE和safari不支援

其他情況:

一、圖示的連結地址或者HTML程式碼出錯
  這個錯誤發生得低,但也有失誤的時候。首先要看看圖示的連結地址和HTML程式碼。如果直接把favicon.ico圖示放在網站根目錄下,程式碼如下:


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

二、沒有清空清空快取
   要清空瀏覽器的快取,在IE中不僅要清空Internet臨時檔案,也要把歷史記錄清空。對於360、搜狗、傲遊這些瀏覽器清空快取會稍微麻煩點,它們會將favicon.ico儲存在自己特定的資料夾裡,以加快頁面的訪問速度。

  1、360瀏覽器
  進入自己的Application Data中尋找360瀏覽器的資料,比如電腦使用者名稱為Jon。如果用的是XP,那麼就找到C:\Documents and Settings\Jon\Application Data\360se\data\ico資料夾;如果是Win7,那麼就找到C:\Users\Jon\AppData\Roaming\360se \data\ico資料夾。這裡是360瀏覽器快取網站favicon.ico的地方,把ico資料夾清空。


  2、搜狗瀏覽器
  同樣也要找Application Data,比如電腦使用者名稱為Jon。如果用的是XP,那麼就找到C:\Documents and Settings\Jon\Application Data\SogouExplorer\FavIcon資料夾;如果是Win7,那麼就找到C:\Users\Jon\AppData\Roaming \SogouExplorer\FavIcon資料夾。這裡是搜狗瀏覽器快取網站favicon.ico的地方,把FavIcon資料夾清空。
3、傲遊瀏覽器
  如果傲遊瀏覽器安裝到了D:\Maxthon2目錄下,那麼在這個目錄下找到名為Favicons的資料夾,這裡是傲遊瀏覽器快取網站favicon.ico的地方,把Favicons資料夾清空。


三、favicon.ico格式不對
  訪問favicon.ico的絕對地址,比如:http://www.google.com/favicon.ico,如果正常顯示,證明格式正確。
  以上的第一和第三如果確定沒問題,而第二條覺得麻煩,可以換一臺從未訪問過目標網址的電腦來訪問該網站.因為沒有訪問,就不存在Favicons資料夾。
  通過以上的方法favicon.ico仍然顯示不了,那就是機子問題。

圖示最好是16*16的,如果不是圖片的問題;ie中不顯示可以清一下快取