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

作者: Tscccn | 日期: 2010 年 12 月 15 日 | 围观: 17827次+ 发表评论 (14) 查看评论

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

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

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

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

—

效果最好的是Webkit系浏览器，包括Safari (4.05)和Chrome (5.0)等，看到的效果如下截图，而且眼睛还能动：
效果在其次的是Firefox (3.6)，效果和Safari的一样，但眼睛不能动。
在Opera (10.53) 里，图像没有了渐进层：
在iPhone OS 3.1的Safari里：
在IE9测试版里：
在IE8里：
在IE7里：
在IE6里：

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

—Jason Ng

－　ＴＨＥ　ＥＮＤ　－

版权声明:

转载原创文章请注明,文章出处：//kinggoo.com
原文地址：https://kinggoo.com/geren-liulanqi-2.htm

Category: 个人文章
Tag: Chrome, 浏览器对css3支持效果

上一篇 ● PHP100全部下载地址

下一篇 ● 腾讯潜水推广贴

发表评论？

14 条评论。

Joanne 2012 年 03 月 17 日在 15:20

哈哈，好样的！

回复
kathy 2011 年 03 月 04 日在 09:53

yeah nice

回复
- 小天 2011 年 03 月 04 日在 12:49
  
  哈哈 thnx
  
  回复
jim 2011 年 01 月 09 日在 02:02

cool

回复
- 小天 2011 年 01 月 09 日在 15:40
  
  ：） sure~
  
  回复
math games for kids 2011 年 01 月 05 日在 07:14

pass it on

回复
- 小天 2011 年 01 月 05 日在 13:38
  
  ？？ what ？
  
  回复
测试浏览器 Z 宗罪 - KingGoo - pingback on 2010 年 12 月 20 日在 16:27
quarkhe 2010 年 12 月 20 日在 13:08

IE不是2，微软是故意不支持html5 & CSS3的。不过html5和CSS3代表着未来，所以IE9不得不支持。

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

回复
- 小天 2010 年 12 月 20 日在 14:42
  
  恩，对啊~现在看网上说IE9好多都是满分，看来微软这会是要抢回这块蛋糕了。
  刚刚用你给的地址测试了下，chrome得分231，而其他的浏览器都很少
  
  这个也可以测下浏览器的渲染速度http://ie.microsoft.com/testdrive/Performance/01FlyingImages/Default.html
  其他浏览器都有停顿
  
  回复
七七 2010 年 12 月 19 日在 20:37

呵呵，才知道，可以玩玩！

回复
- 小天 2010 年 12 月 20 日在 09:25
  
  恩，楼上的说是好久以前的了~哈哈不太清楚~不过我试过后还真是那么回事
  
  回复
huarong 2010 年 12 月 15 日在 15:28

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

回复
- 小天 2010 年 12 月 15 日在 15:30
  
  ??你是说这个东西吗？
  我不太知道，最少好多人都不知道的！我自己留着以后玩的~
  
  回复