favicon是什么意思

favicon是什么意思？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

favicon.ico介紹

favicon.ico是個什么東西呢，也許見得太多都習以為常了（我就是這樣，直到寫這篇文章之前才知道），看看維基百科的解釋：

 代碼如下:

Favicon是favorites icon的縮寫，亦被稱為website icon（網頁圖標）、page icon（頁面圖標）或urlicon（URL圖標），下面是鏈接 http://zh.wikipedia.org/wiki/Favicon

其實說白了就是這個東西，大部分網站都會在打開的瀏覽器tab最左側顯示這個小圖標，這個就是favicon.ico

這個圖標怎么設置的呢，有多少同學跟我一樣對這個小細節習以為常了，但是不清楚怎么設置舉個手（這里檢討下自己，有好多細節東西把臉都能碰腫，但我卻不真正的了解他，更可怕的是我的潛意識里認為我了解他......）。

favicon設置

這個怎么設置呢，設置方法很簡單，有兩種法子：

默認放置在服務器根目錄下面

就是將文件命名為favicon.ico并放在網站根目錄下就可以，瀏覽器會自動方請求去獲取http://host/favicon.ico，這個請求在瀏覽器中通過F12是看不到的，需要借助其他工具（比如說Fiddler）去看，或者打開服務器訪問日志，比如我這個，nginx日志中會顯示網頁圖標請求
"13/May/2015:16:07:31 +0800" "192.168.X.X" "test.test.com" "200" "GET /favicon.ico HTTP/1.1" "4409" ......

通過link標簽修正網頁圖標位置和名稱

這種方法就是通過html的link標簽設置網頁圖表的位置和名稱，就像下面這樣
<link href="favicon_baoman.ico" type="image/x-icon" rel="icon">

注意點

瀏覽器會緩存圖標的信息，firefox我試了下是每隔一段時間（2分鐘左右）就會請求一次favicon，chrome要刪除數據才可以重新請求~~

這個有什么影響呢

發現這個問題是因為PHP框架，PHP框架通過pathinfo去解析路由，路由方式為【mod/controller.method】，如果不匹配的話就記錄日志并返回404，我訪問一個正確的路徑也會報錯說是路由不存在，但是接口返回是ok的，訪問一個錯誤的路由會記錄兩條錯誤日志，這個是怎么回事呢，下面是我的nginx配置

 server {
   listen  80;
   server_name test.test.com;

   location / {
     root /export/adsz/boss/php/sphp;
     fastcgi_pass  127.0.0.1:9000;
     fastcgi_index  index.php;
     fastcgi_split_path_info ^((?U).+\.php)(/?.+)$;
     fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
     fastcgi_param PATH_INFO $fastcgi_path_info;
     include fastcgi_params;
     rewrite ^/(.*)$  /index.php/$1 break;
   }
 }

nginx配置導致了這個問題的存在，瀏覽器請求一個接口的時候，會默認帶上http://test.test.com/favicon.ico，這個時候報出路由錯誤就想的通了，瀏覽器發出兩條請求，一條使我們想要的，另一條就是這個ico網頁圖標請求，這個問題解決方法也很簡單，只需要在配置中添加這個圖表或者將favicon請求定位到其他地方：

 server {
   listen  80;
   server_name test.test.com;
  location = /favicon.ico {
    root /wwroot/public/images/;
  }
   location / {
     root /wwroot/;
     fastcgi_pass  127.0.0.1:9000;
     fastcgi_index  index.php;
     fastcgi_split_path_info ^((?U).+\.php)(/?.+)$;
     fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
     fastcgi_param PATH_INFO $fastcgi_path_info;
     include fastcgi_params;
     rewrite ^/(.*)$  /index.php/$1 break;
   }
 }

關于favicon是什么意思問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。