移动端浏览器对HTML5技术支持情况

srdwxA 2014-05-18

1、关于移动端浏览器对html5的支持情况

     1.1、Android系统默认自带的浏览器能否较好的支持html5技术,这取决于系统基带版本。除此之外html5的性能高低与手机硬件配置有直接联系。例如一款中低端性能的Android手机,在使用html5的WebGL技术绘制3D Canvas时,硬件性能上的不足会直接影响到渲染呈现,这一结果与它是Android2.x还是Android4.x无关。总结来说,系统自带浏览器的html5支持情况与其系统版本有直接联系,与硬件环境有间接联系。系统默认自带的浏览器能否够较好支持html5技术,这取决于系统基带版本,除此之外html5的性能高低与手机硬件配置有着直接联系。

     1.2、iOS与Android系统中有多种支持html5的内核浏览器,

             Opera Mobile(Presto内核);Chrome(Webkit内核,Android版目前需要系统版本达到4.0+才可安装并支持);Safari iOS(Webkit内核);UC Browser(U3内核);QQ Browser(X5内核)。上述列出的浏览器为移动端使用率较高的浏览器(China),2013-2014年移动端top5浏览器使用率数据来源:gs.statcounter.com。

     1.3、以下是移动端常用浏览器对html5较为成熟的技术部分的支持情况:

             Safari iOS for iPhone, iPad 3.2 to 7.0 以下简称 Safari。

             Android Browser Phones & Tablet 1.5 to 4.3 以下简称 Android。

             Google Chrome for iPhone or Android 4.0+ 以下简称 Chrome。

             Opera Mobile for Android 11 to 18 以下简称 Opera(不是Opera Mini)。

* Application Cache(数据离线缓存处理)     Safari(yes)        Android(2.1+)      Chrome(yes)        Opera(yes)

* Web storage(数据本地化存储)                 Safari(yes)        Android(2.0+)      Chrome(yes)        Opera(yes)

* Geolocation(Google地理位置)                  Safari(yes)        Android(2.0+)      Chrome(yes)       Opera(yes)

* Web sockets(Socket通信处理)                 Safari(4.2+)       Android(4.4+)      Chrome(yes)       Opera(12.1+)

* Viewport definition(页面自动适配)            Safari(yes)        Android(yes)        Chrome(yes)       Opera(yes)

* Web SQL Storage(SQLite存储)                Safari(yes)       Android(2.0+)       Chrome(yes)       Opera(yes)

* Multimedia(视频及音频处理)                    Safari(yes)        Android(2.3+)       Chrome(yes)       Opera(yes)

* Canvas(画布)                            Safari(yes)       Android(yes&3.0+ better)     Chrome(yes)       Opera(yes)

* SVG(矢量图形)                                        Safari(yes)         Android(3.0+)       Chrome(yes)       Opera(yes)

* Form New Controls(表单新控件)             Safari(4.0+)       Android(4.4+)       Chrome(yes)        Opera(yes)

* Semantic Elements(新语义标签)             Safari(yes)         Android(2.3+)       Chrome(yes)        Opera(yes)

* CSS3                                                     Safari(yes)          Android(yes)         Chrome(yes)        Opera(yes)

* File(文件处理)                                        Safari(6.0+)        Android(3.0+)        Chrome(yes)        Opera(12+)

* Media Capture(媒体捕获)                       Safari(6.0+)        Android(3.0+)        Chrome(yes)        Opera(14+)

* XMLHttpRequest2.0                               Safari(5.0+)         Android(3.0+)        Chrome(yes)       Opera(12+)

* Speech(语音)                                          Safari(7.0+)         Android(no)          Chrome(32+)       Opera(no)

* Query Selector(查询选择器)                    Safari(yes)           Android(yes)        Chrome(yes)       Opera(yes)

             

    QQ、UC、海豚、天天、百度等浏览器内核不一,具体支持结果根据主流机型通过www.html5test.com跑分测试评定。

相关推荐