国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

談談favicon和他帶來的問題

2019-11-15 02:13:43
字體:
來源:轉載
供稿:網友
談談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;     } }
總結

找到這個原因并修改后,我又仔細看了看nginx配置,發現其他虛擬主機都有配置這個favicon.ico的匹配規則!囧。。。,總結下,就是要多看看,多想想為什么,不要對很多東西失去興趣、見怪不怪


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久治县| 朝阳县| 阳城县| 股票| 孟津县| 凤翔县| 鄯善县| 宝清县| 浦县| 泽普县| 夏河县| 山东| 东源县| 郑州市| 建平县| 独山县| 双桥区| 民权县| 吐鲁番市| 察隅县| 岐山县| 安国市| 都昌县| 江川县| 潢川县| 阆中市| 玉环县| 双鸭山市| 深州市| 岑溪市| 武汉市| 呼玛县| 唐山市| 隆化县| 张掖市| 荔浦县| 东方市| 临夏市| 仲巴县| 德化县| 调兵山市|