《PHP應用：簡單談談favicon》要點：
本文介紹了PHP應用：簡單談談favicon，希望對您有用。如果有疑問，可以聯系我們。

favicon.ico介紹PHP實戰

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

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

PHP實戰

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

favicon設置PHP實戰

這個怎么設置呢,設置辦法很簡單,有兩種法子：PHP實戰

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

就是將文件命名為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" ......PHP實戰

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

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

PHP實戰

注意點PHP實戰

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

這個有什么影響呢PHP實戰

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

 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哀求定位到其他地方：
PHP實戰

 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;
   }
 }

總結PHP實戰

找到這個原因并修改后,我又仔細看了看nginx配置,發現其他虛擬主機都有配置這個favicon.ico的匹配規則!濉!!＃芙嵯攏褪且囁純矗嘞胂胛裁矗灰院芏嘍魘バ巳?、贾策€PHP實戰

以上所述便是本文的全部內容了,希望大家能夠喜歡.PHP實戰

維易PHP培訓學院每天發布《PHP應用：簡單談談favicon》等實戰技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培養人才。

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/10382.html