language
  • 中文
  • English
  • 日本語
  • Español

浏览器豪门:Webkit家族大PK

2010-09-04 23:13


Webkithttp://www.webkit.org)是目前最受欢迎的开源Web浏览器引擎,SafariChrome等浏览器,AndroidSymbianPalmPreBlackberry等众多手机平台所内置的浏览器均基于Webkit开发,毋庸置疑,Webkit家族是名副其实的浏览器豪门,大有一统浏览器江山之势。

尽管Webkit浏览器们一脉相承,但经过各家定制,历史长河的洗礼,对Web技术规范的支持并不完全一致,甚至差异不小,“贫富不均”。

值得一提的是,在我们传统的思维中,总觉得手机浏览器要比PC浏览器的功能弱不少,事实上,在Webkit家族中并非如此。

许多手机浏览器均采用Webkit(如AndroidSymbianiPhoneBlackberryPalm Pre),从支持的功能特性(Web技术规范)的角度而言,这些手机浏览器一点都不必PC上的浏览器差,具体比较可参考下表。

插播广告:中国移动的BAEBrowser based Application Engine)由于在不同平台上(OPhoneSymbian v3v5Windows Mobile 6.1/6.5)均采用同一个较新的Webkit的版本,因此,基于BAE可以开发出功能强大、丰富多彩的JIL Widget应用,欲了解更详细的内容,可以访问:http://labs.chinamobile.com/bae 或者 www.jil.org或者 dev.10086.cn  JIL Widget专区。


Patric H. Lauke 21Webkit浏览器支持的Web标准作了较详尽的比较,原文链接:http://www.quirksmode.org/webkit.html,我把该文章翻译成中文,与大家分享。

 (注:由于对比表格比较大,在该博客上可能显示不全,可参考原文)

为了证明没有所谓的手机版的Webkit(即使用Wekbit的的手机浏览器与使用WebkitPC浏览器从Web功能特性,即:对Web标准的兼容性,上看,没有本质区别译者注),并指出哪种基于Webkit的浏览器最佳,我将比较21种基于Webkit开发的浏览器产品。我希望由此能对Webkit家族有新的认识

 

这个页面中包括对一些针对基于Webkit的浏览器(并非所有)的CSSJavascript相关支持情况的测试条目。测试条目的目的是为了得到以下表格所列的Webkit浏览器对相关功能特性的支持情况得差异性。

后续我可能还会增加一些HTML5相关的测试条目,一些Webkit浏览器(如SafariChrome等)已经支持相关特性。

这些测试只是关注兼容性。我没有提Webkit浏览器,特别是手机上的浏览器关于性能和用户接口(UI)的相关内容,但事实上,至少是在短期内,性能和UI甚至比兼容性更重要。

同时应该记住:

没有所谓的手机上的Webkit

至今,我已经测试了大量的手机上的Webkit浏览器,它们基本差异不大,详细内容,如下所示。

以下对比表主要是根据特性支持的情况排序,普遍支持的最好的测试条目放在前面。

TestSaf 3.0 WinSaf 3.1 WinSaf 4.0 WinSaf 5.0 WinChr 1Chr 2Chr 3Chr 4Chr 5Symb 1Symb 2iPhone 2.2iPhone 3.1And 1.0And 1.6And 2DolfinBlackBerry 6Palm Pre 1.2.1Bolt 1.5Ozone 0.9
114 points
incorrectyesyesincorrectyesyesyesyes
x.rows

A nodeList with all rows of table x.

Incorrect
The browser keeps to the source code order, where the <tfoot> is the second row.
111 points
staticyesyesstaticstaticyesyesyesstaticyes
Static
The browser doesn’t correctly update the styles of the original element when another element is placed before it.
108 points
noyesyesnoyesyesyesyes
Incorrect
The browser gets totally confused in the dynamic test.
108 points

weight 2

noyesyesnoyesyesyesyes
document.querySelectorAll('.testClass')
document.querySelectorAll('.testClass + p')

Returns a nodeList with all elements that have a class value that contains "testClass"; or a nodeList with all paragraphs directly following such an element.

Essentially, this method allows you to use CSS syntax to retrieve elements.

TestSaf 3.0 WinSaf 3.1 WinSaf 4.0 WinSaf 5.0 WinChr 1Chr 2Chr 3Chr 4Chr 5Symb 1Symb 2iPhone 2.2iPhone 3.1And 1.0And 1.6And 2DolfinBlackBerry 6Palm Pre 1.2.1Bolt 1.5Ozone 0.9
108 points
noyesyesstaticnoyesstaticyesyesyes
Static
The browser does not update the styles when elements are added dynamically.

108 points
noyesyesno公开   来自:labs
阅读全文:2213 | 转发(0) | 评论(4)

Labs推荐给你的相关资讯
博文
    新闻
      报告
        帖子
          看过此博文的还看过
            地区:
            公司:中国移动研究院
            行业:
            总访问量:167771
            关注他的更多>>