注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

邰增涛博客

www.xazcwl.com -- 爱生活,爱技术,将web编程进行到底!!!

 
 
 

日志

 
 
关于我

西安增创网络科技有限公司,专注网站建设、手机网站、商城网站、微网站开发、小程序开发、APP开发!!!

{ IE集体自杀 最新CSS浏览器测试公平性遭质疑 }  

2010-07-02 16:22:28|  分类: web标准 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

还记得之前那个在网络上成为热门话题的“哆啦A梦”CSS3演示吗?这个据说由某位日本达人用CSS3画的哆啦A梦,试图以一个更加直观的角度来为更多的人展示新一代网页标准的魅力。在这个测试里,谷歌Chrome浏览器稳拿第一,而占据市场主流份额的IE浏览器基本上一败涂地(详见后文截图),连最新的IE9测试版也不例外。 

IE集体自杀 最新CSS浏览器测试公平性遭质疑

总之,就是这么一件让Chrome粉丝们扬眉吐气的事情,现在却出现了一些不同的声音。有人指责这个测试用到了偏向性代码,Chrome、Safari等浏览器实际上存在作弊行为。这到底是怎么回事呢?请看下图: 

IE集体自杀 最新CSS浏览器测试公平性遭质疑 

IE集体自杀 最新CSS浏览器测试公平性遭质疑

上面两张图是这个CSS3浏览器测试页面的测试结果,从近一年来的浏览器内核大战的角度来看,此网页所表达的意思就是:使用Webkit引擎的Safari 和 Chrome 对CSS3的支持最好,Firefox其次,因为Firefox无法实现CSS3的动画效果(即哆啦A梦的眼睛移动动画渲染失败),其他浏览器CSS3渲染的表现则很差。但事实真的是这样吗?

有热心的网友打开了这个演示的源码,想一窥究竟,结果让人大吃一惊:

下面部分的代码是实现哆啦A梦眼睛转动的代码:

IE集体自杀 最新CSS浏览器测试公平性遭质疑

注意图中红框出,-webkit- 开头的属性。就是哆啦A梦的黑色眼睛部分的CSS3移动特效,据闻这是被指定了webkit 内核only,即只有使用webkit 内核的chrome 和 Safari 可以使用。IE之类默认根本就不支持这个特性,其结果可想而知。

实际上,不管Firefox也好,IE也好,浏览器都有很多独有的特性,要写一个其他浏览器不能渲染的页面太容易了。在演示CSS标准的时候使出这招,不给出任何说明,不知道高手们怎么看待这个问题。

Tips:

解释下关于浏览器独有的CSS特性

比如Mozilla浏览器支持一些扩展的CSS是以-moz开头的。这些措施包括了一些功能,包括圆形边界,并能够指定不同的方块的宽度和高度的计算,在非标准方式下,这种css在Mozilla浏览器下执行计算更容易得到支持。

当然我们也能看到在其他CSS代码部分,比如face部分如下图红框处,也给出了针对 mozila 和 一般处理方式的代码,唯独上面的眼睛处,我只看到webkit 内核指定。具体缘由小编我不是高手,还请各位指教了(也许只是考虑到Mozilla的内核 不支持而删掉了代码吧)。

IE集体自杀 最新CSS浏览器测试公平性遭质疑

不知道原作者的官方博客会作何反应~

  评论这张
 
阅读(82)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018