2007/01/12

IE外壳浏览器横向比较(二):正确获取收藏夹图标(favicon)

第二篇:正确获取收藏夹图标(favicon)

在本专题的上一篇中,我谈到了四款 IE 外壳浏览器关于中键点击与引用页的比较。这次,我要说的是,浏览器如何正确地获取收藏夹图标 (favicon)。

favicon 是用于显示在浏览器地址栏和收藏夹中的图标,相信大家都不会陌生。印象中,国内网站较早启用 favicon 的是闪客帝国,那个时候,一道金黄色的闪电让人耳目一新(现在换成了蓝色闪电favicon of flashempire.com)。那个时候,它的制作“技巧”在网站设计和开发人员之间流传着:制作 DIY 一个 16 x 16 大小的 icon, 并确保它只有 16 色,然后把这个 .ico 图标文件放在网站根目录。

毫无疑问,favicon 是一个用于展示网站形象的不错载体。但是,随着网站的发展,仅仅在网站根目录放一个图标文件已经不能满足需求——一个大型网站可能会有多个不同的频道,比如 blogcn,它们之间表达的主题也不尽相同。都用同一个 favicon 难以表达各自的主题。于是,一种 link 标签应运而生。它的写法是: <link rel="shortcut icon" href="ICON_URL"> 这样, 可以使同一网站不同页面呈现不同的 favicon.

说到这里,就要进入今天的正题了。如果浏览器能同时查找根目录下的 favicon.ico 文件和上面 <link> 指定的 icon URL, 且 <link> 具有更高优先级,则该浏览器能正确地获取 favicon.

这里做一个简单的测试:将专题中提及的四款浏览器打开两个 tab, 分别访问如下两个网址: Microsoft Corporation Homepage: www.microsoft.com/en/us/default.aspx Microsoft Expression Homepage: www.microsoft.com/products/expression/en/default.mspx

由于各浏览器加载 favicon 策略不同,我们等页面全部加载完成后,再观察它们在 tab 上显示的图标。如果分别显示成 favicon of microsoft corporationfavicon of microsoft expression, 则说明该浏览器能正确获取 favicon, 如果都显示成 favicon of microsoft corporation, 则表明它没能正确获取。

测试结果

在参与比较的 4 款浏览器软件中,能正确获取 favicon 的只有 IE, 其它 3 款浏览器只是“傻傻”地尝试获取 /favicon.ico.

ps: 此问题我曾经在 Maxthon 官方论坛反映过,但他们并未在 2.x 版本中做出改进。

附注:本文所说的收藏夹图标严格来说,是“地址栏图标”,有一个 <link> 标签专门用来指定收藏夹图标<link rel="Bookmark" href="favicon.ico"> 事实上它并未引起重视,本文不考虑对它的正确处理问题。

7 条评论:

匿名 说...

涂料和小倩,你们好
关于这个问题,我在一个项目当中遇到后怎么都解决不了,http://www.jlbank.com.cn在遨游2和火狐中可以正常显示,但是IE中只有在本地和另一服务器上测试成功。
我基本确定是服务器某想配置问题,但是不知道具体在哪里?请赐教,多谢。
[email protected]
QQ:11397089

匿名 说...

[url=http://viagraboutiqueone.com/#judla]viagra without prescription[/url] - viagra online , http://viagraboutiqueone.com/#xmqbg viagra 50 mg

Unknown 说...

2018418 leilei3915
michael kors outlet clearance
supreme clothing
gucci outlet store
michael kors outlet clearance
mlb jerseys
nfl jerseys
pandora jewelry
true religion outlet
coach outlet online
coach outlet store online

raybanoutlet001 说...

zzzzz2018.4.27
ralph lauren outlet
nike outlet store
converse trainers
ferragamo shoes
prada shoes
dsquared2
canada goose outlet
nike shoes
nike blazer
coach outlet

Unknown 说...

zzzzz2018.6.30
red bottom shoes
nike outlet store
pandora jewelry
canada goose outlet
christian louboutin outlet
nike factory store
pandora charms outlet
coach outlet
dsquared2
saics running shoes

Unknown 说...

qzz0707
coach outlet online
ray ban sunglasses
ubiq shoes
nike shoes
oakley sunglasses
oakley sunglasses
carrera sunglasses
belstaff jackets
kate spade outlet
air max 2017

[email protected] 说...

20180721 junda
trailblazers jerseys
kobe shoes
uggs outlet
bvlgari jewelry
adidas nmd
mulberry handbags
tory burch outlet
mulberry handbags
ralph lauren polo
mulberry handbags