关于favicon的几点小知识,从网络摘抄如下,说实话以前还真没仔细研究过。
1、如果你的网站根目录已有favicon.ico,则无需在页面文件进行link申明;
2、若favicon位置或命名未按规范来,可在页面显式申明,类似这样:<link rel="shortcut icon" href="/somepath/myicon.ico" /> ;
3、各浏览器下处理favicon的请求支持逻辑如下:
| icon文件实际存在 | icon文件不存在(404) | |||||
|---|---|---|---|---|---|---|
| 空Cache | 有Cache且Cache没有过期 | |||||
| Ctrl+F5 | F5 | 地址栏按回车 | Ctrl+F5/F5 | 地址栏按回车 | ||
| Chrome | 发送请求 | 不发送请求 | 发送404请求 | |||
| Firefox | 发送请求 | 不发送请求 | 如果两次都返回404,第三次开始不再请求 | |||
| IE8/7 | 发送请求 | 不发送请求 | 如果一次都返回404,第二次开始不再请求 | |||
| IE6/5x | 只在加入收藏夹时,会请求icon,且cache过期前不再请求 | |||||
| Safari | 发送请求 | / | 发送请求 | 不发送请求 | 发送404请求 | 不发送请求 |
| Opera | 发送请求 | / | 发送lastModified请求 | 不发送请求 | 发送404请求 | 不发送请求 |
4、favicon并非只支持.ico文件,各浏览器对favicon的支持如下:
| Browser | ICO | PNG | GIF | animated GIFs | JPEG | APNG | SVG |
|---|---|---|---|---|---|---|---|
| Google Chrome | Yes | 4.0 | 4.0 | No | 4.0 | No | No |
| Internet Explorer | 4 | No | No | No | No | No | No |
| Mozilla Firefox | Yes | Yes | Yes | Yes | Yes | 3.0 | No[5] |
| Opera | Yes | Yes | Yes | Yes | Yes | Yes | 9.6 |
| Safari | Yes | 4.0 | 4.0 | No | 4.0 | No | No |
参考来源:
1、http://en.wikipedia.org/wiki/Favicon
2、http://www.chencheng.org/blog/2010/02/04/favicon-test/
---EOF---
声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 Knay.Net ™