网站制作favicon.ico最完美的方式

2020年1月15日17:15:31 发表评论 62 views

做网站的人如果细心一点,一定会制作favicon.ico,让浏览器标签顶部显示自己网站的小LOGO,是一件很有成就感的事。但是目前市面上浏览器种类比较多,不同的浏览器对待favicon.ico的显示是有所不同的。

我们假设一个页面:http://localhost:8800/news.html
1,Firefox浏览器请求的是:news.html页面meta标签link的href所对应的图标,根据你的设置来。
2,搜狗浏览器请求的是http://localhost:8800/favicon.ico,保留端口的同时,请求根目录下的favicon.ico文件。
3,360浏览器、谷歌浏览器请求的是http://localhost/favicon.ico,也就是不管你访问的页面是http://localhost/news.html,还是http://localhost:8800/news.html,还是http://localhost/pindao/news.html,他们请求的都是http://localhost/favicon.ico,不管端口,也不管你页面meta标签link的设置。

所以,如果你的网站favicon.ico不起作用,或者是想要让favicon.ico的兼容性更好,要这样做:
1,在网站根目录下放favicon.ico。如果你的网站带端口,那么需要在默认80端口的域名根目录下放favicon.ico。一般来说,对外运营的网站是不带端口的。
2,meta中link的写法:<link rel="shortcut icon" href="http://localhost/favicon.ico" type="image/x-icon" />,建议你favicon.ico使用绝对路径。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: