IE 9 Beta、Chrome 7、Firefox 3.6.11对比测试

10月 21, 2010 by     2 Comments    Posted under: IT    3,754 views    分享()

昨儿安装了IE 9 Beta版,今天发现Chrome悄无声息的升级到了7.x稳定版,刚刚打开Firefox又提示升级3.6.11,我电脑上的浏览器今天全面大升级!

恰逢我的博客从Live Space正式搬家到http://blog.lionshuang.com,使用的主题 Gunungkidul 1.4利用了一些Html新特性,比如文字阴影,于是用三款浏览器测试了一下博客的显示效果。

不比不知道,3款浏览器对博客头部的文字渲染效果大相径庭,为了对比方便,我特意制作了下面这张对比图。由于图片较大,请点击图片看png格式无损原图。

IE/Chrome/Firefox对比图

直观上的区别有3点,都集中在文字显示方面,我分别用红色、绿色和蓝色方框作出了标识。

红色:博客标题的大字体

  • IE 9 Beta文字边缘平滑,以绝对的优势胜出;
  • Chrome 7和Firefox 3.6.11显示效果近似,都有明显的锯齿。看来微软把操作系统上的CleanType技术完美应用到了IE 9中。

绿色:博客的描述部分使用了文字阴影效果

  • 这部分Chrome 7有绝对的优势,不但阴影效果完美、中文无锯齿,而且英文字体最舒展;
  • IE 9 Beta可以说是完败,不支持阴影效果,中文有锯齿感,英文显示偏小;
  • Firefox 3.6.11介于二者之间,阴影效果出来了,可是中文和IE 9 Beta类似有锯齿感,英文显示偏小。

蓝色:页面导航

  • Chrome 7又一次胜出,字体显示大小合适,美观;
  • IE 9 Beta和Firefox 3.6.11效果近似,都出现了字体偏小的问题。其中Firefox因为没有登录所以没有显示出【站点管理】。

综合来看,我认为Chrome 7的显示效果最理想。

由于我对互联网前端技术细节并不了解,这个博客主题Gunungkidul 1.4也是直接拿来使用,并未做过任何调整,以上测试只是业余水平。欢迎大家讨论。