浏览器加载网站的时候,都会默认请求一个favicon.ico文件。当然,如果页面代码里面有额外指定图片的话,是会遵守这个代码指定的。如果没有特殊说明的话,就默认请求favicon.ico文件。这个问题,表面上看起来很简单。但是机缘巧合之下,就会有导致一些特殊的issue发生。

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站logo。 目前主要的浏览器都支持favicon.ico图标。

苏南大叔:浏览器默认请求的favicon.ico文件,可能带来的问题 - favicon-ico-issue
浏览器默认请求的favicon.ico文件,可能带来的问题(图5-1)

这里需要说明的是:favicon.ico是默认加载的,但是也不是说总会恒定请求这个文件,特殊情况有缓存的情况下,这个文件是不会多次请求加载的。

本文测试环境:mac/php72/nginx

问题一:莫名其妙的404

由于这个favicon.ico文件是默认请求的,所以很多时候,大家可能并不会意识到这个请求的存在。所以,普通的情况下,会产生一个404请求。当然,如果在nginx的层面上,对404请求进行了路由改写的话。那么,就有一定的概率会导致请求了个错误的文件。

苏南大叔:浏览器默认请求的favicon.ico文件,可能带来的问题 - favicon_404_status
浏览器默认请求的favicon.ico文件,可能带来的问题(图5-2)

像在seo行业里面,对404状态码是极其敏感的。而这个极大概率会发生404favicon.ico文件,就是需要特别注意的。

苏南大叔:浏览器默认请求的favicon.ico文件,可能带来的问题 - favicon-ico-status
浏览器默认请求的favicon.ico文件,可能带来的问题(图5-3)

相关链接

总结

favicon.ico一般用于浏览器导航栏前方的图标显示。当然类似的还有其他的favicon.ico使用方式,将会在苏南大叔的后续文章中,予以说明。更多图标ico相关文章,请点击:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   ico

本站的忠实读者小伙伴,正在阅读下面这些文章: