测测你的浏览器“2”到什么程度

 今天jakc(www.jakc.tk)在群里了条消息,消息内容是“试试你的浏览器有多2”,当下试了试。觉得还真不错~我分别在自己电脑上试了几个我比较喜欢的浏览器~哈哈!没想到,效果可真是如他们那里内容所说的一样啊!
看来这css标准还真是个通病呢。我分别使用Chrome、腾讯TT、IE8、火狐试了下,果真如此啊! 2
测试官方地址:
http://knb.im/css3/

下面是该测试主页内容(不过原内容是国外的,需要翻墙出去看)

说明本页面用于测试各个浏览器对CSS3的解释效果,左边的“图像”并非图片,而是纯CSS。目前各个浏览器对CSS3的支持效果不一样,其中IE系的浏览器支持效果最差。

副作用你可以对照左右的“图片”来判断你使用的是什么浏览器。

  • 效果最好的是Webkit系浏览器,包括Safari (4.05)和Chrome (5.0)等,看到的效果如下截图,而且眼睛还能动:

    safari

  • 效果在其次的是Firefox (3.6),效果和Safari的一样,但眼睛不能动。

    safari

  • 在Opera (10.53) 里,图像没有了渐进层:

    Opera10.53

  • 在iPhone OS 3.1的Safari里:

    Mobile Safari

  • 在IE9测试版里:

    IE9

  • 在IE8里:

    IE8

  • 在IE7里:

    IE7

  • 在IE6里:

    IE6

本页面左侧的源代码来自这里,由于已经被墙,所以本人自建了这个页面。

Jason Ng

- THE END -
版权声明:
转载原创文章请注明,文章出处:http://kinggoo.com
原文地址:http://kinggoo.com/geren-liulanqi-2.htm
发表评论?

14 条评论。

  1. 测试浏览器 Z 宗罪 - KingGoo - pingback on 2010 年 12 月 20 日 在 16:27
  2. IE不是2,微软是故意不支持html5 & CSS3的。不过html5和CSS3代表着未来,所以IE9不得不支持。

    看看这个,给浏览器打个分:
    http://html5test.com/

    • 恩,对啊~现在看网上说IE9好多都是满分,看来微软这会是要抢回这块蛋糕了。
      刚刚用你给的地址测试了下,chrome得分231,而其他的浏览器都很少

      这个也可以测下浏览器的渲染速度http://ie.microsoft.com/testdrive/Performance/01FlyingImages/Default.html
      其他浏览器都有停顿

  3. 呵呵,才知道,可以玩玩!

  4. 真老啊。。。都大半年了。。

发表评论


Trackbacks and Pingbacks: