简单谈谈favicon

favicon.ico简介

什么是favicon.ico？可能是看惯了(写这篇文章才知道)。看看维基百科的解释：

复制代码如下：Favicon是收藏夹图标的缩写，也称为网站图标、页面图标或URL图标。以下是http://zh.wikipedia.org/wiki/Favicon的链接

其实说白了，就是这个事情。大多数网站会在打开的浏览器标签最左边显示这个小图标。这是favicon.ico

如何设置这个图标？有多少同学和我一样习惯了这个小细节，却不知道如何设置举手(我在这里回顾自己，有很多细节可以摸我的脸，但我真的不认识他。更可怕的是，我的潜意识认为我认识他.).

Favicon设置

如何设置这个，设置方法很简单，有两种方式：

默认情况下，它位于服务器根目录下

只需将文件命名为favicon.ico，并将其放在网站的根目录中。浏览器会自动请求获取http://host/favicon.ico这个请求通过F12在浏览器中看不到。你需要使用其他工具(比如Fiddler)来读取它，或者打开服务器访问日志，比如我的。nginx日志中将显示网页图标请求' 13/5/2015:16336007336031 0800 ' ' 192 . 168 . x . x ' ' test . test.com ' ' 200 ' ' get/fav icon . ico http/1.1 ' ' 4409.

通过链接标签更正网页图标的位置和名称

这个方法是通过html的链接标签来设置网页图表的位置和名称，就像下面的链接一样href=' fav icon _ baoman . ico ' type=' image/x-icon ' rel=' icon '

专心

浏览器将缓存图标的信息。在firefox中，我尝试每隔一段时间(大约2分钟)请求一次favicon。chrome只有删除数据后才能再次请求~ ~

这有什么影响

发现这个问题是因为PHP框架通过pathinfo解析路由，路由方式为[mod/controller.method]。如果没有匹配，记录并返回404。当我访问一个正确的路径时，我会报告该路径不存在，但是接口返回ok。当我访问不正确的路由时，我会记录两个错误日志。这是怎么回事？这是我的nginx配置。

服务器{ listen 80服务器名test.test.com；location/{ root/export/adsz/boss/PHP/sphp；fastcgi _ pass 127 . 0 . 0 . 1:9000；index.php指数；^((？u)。\.php)(/？)$;fastcgi _ param SCRIPT _ FILENAME $ document _ root $ fastcgi _ SCRIPT _ name；fastcgi _ param PATH _ INFO $ fastcgi _ PATH _ INFO；包括fastcgi _ params重写^/(.*)$/index . PHP/$ 1 break；} }nginx配置导致了这个问题的存在。默认情况下，当浏览器请求一个界面时，它会带来一个http://test.test.com/favicon.ico。此时，将了解何时报告路由错误。浏览器发送两个请求，一个是我们想要的，另一个是这个ico网页图标请求。这个问题的解决方案也很简单，只需在配置中添加这个图表，或者在其他地方找到favicon请求：

服务器{ listen 80服务器名test.test.com；location=/fav icon . ico { root/wwroot/public/images/；}位置/{ root/wwroot/；fastcgi _ pass 127 . 0 . 0 . 1:9000；index.php指数；^((？u)。\.php)(/？)$;fastcgi _ param SCRIPT _ FILENAME $ document _ root $ fastcgi _ SCRIPT _ name；fastcgi _ param PATH _ INFO $ fastcgi _ PATH _ INFO；包括fastcgi _ params重写^/(.*)$/index . PHP/$ 1 break；}}摘要

找到这个原因并修改后，我仔细查看了nginx配置，发现其他虚拟主机都有配置这个favicon.ico的匹配规则！尴尬。综上所述，要多看看，多想想为什么，不要对很多事情失去兴趣。

以上就是本文的全部内容，希望大家喜欢。