`
heicx_sudo
  • 浏览: 7007 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

 
阅读更多

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跑分测试评定。

分享到:
评论

相关推荐

    微信分享(html5兼容所有的移动端浏览器)

    本文将深入探讨如何使用HTML5技术实现一个兼容所有移动端浏览器的微信分享功能。 首先,我们要明白HTML5是现代网页开发的标准,它引入了许多新的元素、API和特性,提升了网页的交互性和性能。在构建微信分享功能时...

    unity移动端浏览器插件

    Unity 移动端浏览器插件是一种专为在移动设备上使用Unity引擎开发的Web应用程序而设计的技术解决方案。这种插件允许Unity游戏或交互式内容在移动浏览器中运行,拓宽了内容发布和用户体验的渠道。在本文中,我们将...

    移动端精美的HTML5音乐播放器

    开发者在部署时,需要注意不同浏览器对HTML5音频的支持情况,可能需要提供备选方案,如Flash fallback,以确保广泛的兼容性。 总结来说,"移动端精美的HTML5音乐播放器"是一个结合了HTML5音频技术、jQuery库和响应...

    一个移动端H5Video标签播放视频的实现

    考虑到不同移动端浏览器对HTML5视频的支持程度不同,通常需要提供多种视频编码格式。常见的有MP4(H264编码)、WebM(VP8编码)和Ogg(Theora编码)。例如: ```html 您的浏览器不支持video标签。 ``` - `...

    移动端html5页面翻页

    在移动端,HTML5页面翻页效果是为提升用户体验和互动性而设计的一种技术。这种技术在微信H5页面中尤其常见,因为它们可以提供类似图书翻页的动态体验,使得内容展示更加生动有趣,增强用户的浏览兴趣。接下来,我们...

    仿淘宝移动端的静态html5页面(比较全27个页面)

    1. **HTML5**:HTML5是现代网页开发的标准,它增强了对多媒体的支持,如音频、视频和图像,并引入了新的标签来更好地组织内容,比如`<header>`、`<nav>`、`<article>`等,提高了代码的可读性和可维护性。 2. **响应...

    HTML5+CSS3基础篇(移动端&响应式).rar_HTML5移动端_css_html5_html5 移动_移动端

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富且具有高度交互性的移动端网站提供了强大的支持。在移动端开发中,HTML5引入了一系列新的元素和API,旨在优化移动设备上的用户体验,而CSS3则带来了更...

    H5移动端商城网站模板

    以下是对标题“H5移动端商城网站模板”和描述的详细解读,以及相关的重要技术点: 1. **HTML5(H5)技术**:H5是HTML的第五个版本,它提供了许多新的语义化标签和API,增强了网页的交互性、兼容性和可访问性。例如...

    移动端html5带小数点的数字软键盘

    HTML5为移动设备提供了更好的支持,它增强了浏览器对音频、视频、离线存储、图形绘制等功能的处理。在移动端开发时,HTML5的特性如离线存储(App Cache)、本地存储(Web Storage)以及媒体元素(Audio/Video)等...

    HTML5 大转盘适合移动端

    此外,考虑到移动端的交互,HTML5大转盘可能还需要支持触摸事件,如`touchstart`、`touchmove`和`touchend`,以便用户可以通过滑动手指来控制转盘旋转。为了兼容不同的设备和浏览器,开发者可能需要使用到像`event....

    移动端H5前端设计项目源码

    在移动端H5项目中,HTML5的引入带来了许多新特性,如离线存储、媒体元素和表单控件改进,增强了移动设备上的用户体验。 `Untitled-1.js`是一个JavaScript文件,这是网页动态功能的核心。JavaScript允许开发人员添加...

    h5移动端部门树展示

    1. **HTML5技术基础**: H5(HTML5)是HTML的最新版本,它引入了许多新的API和元素,提高了网页的交互性和可用性。在移动端,H5能够提供跨平台的解决方案,无需考虑不同操作系统之间的兼容性问题。 2. **响应式...

    html5移动端仿淘宝界面

    HTML5移动端仿淘宝界面是一个基于HTML5技术实现的移动应用项目,旨在为用户提供与淘宝App类似的用户体验。这个项目涵盖了商品浏览、分类、下单结算以及个人信息管理等多个功能模块,旨在展示HTML5在移动Web开发中的...

    移动端HTML5实现文件上传功能【附代码】

    - 在移动端上,需要考虑不同设备和浏览器对HTML5的支持情况。 - 在上传文件时,应考虑到网络状况,为用户合理反馈上传状态,并在失败时给出提示。 - 对于文件类型和大小的限制,应在前端进行初步检查,防止恶意或...

    HTML5+JQuery Mobile 移动端WebApp案例

    HTML5和JQuery Mobile是构建移动WebApp的两个关键技术,它们共同为开发者提供了在移动设备上创建交互式、响应式的Web应用的能力。本实例通过一个金融系统的移动端页面演示了这两者的应用,旨在促进学习和理解。 ...

    HTML移动端购物商城个人中心模板

    这个模板基于HTML5技术,利用其强大的标记语言能力和对多媒体的支持,来创建一个交互性强、用户体验良好的移动端界面。 1. **HTML5技术**: HTML5是超文本标记语言的最新版本,它对原有的HTML4进行了许多改进和...

    一套完成的webui html5 移动端商城

    在Web开发领域,HTML5是现代网页设计的基础,它增强了浏览器对多媒体的支持,提供了更好的离线存储功能,并改进了表单控件,使得用户界面更加丰富和互动。 【描述】:“完整的一套HTML 5 移动端商城,可以作为开发...

    html5移动端拖拽图片、拖拽标签等插件以及相应的demo、适用于手机网址开发和mui前端开发、h5app开发中的图片拖拽等

    虽然HTML5拖放功能在现代浏览器中得到了广泛支持,但在某些老版本或非主流浏览器中可能存在兼容性问题。因此,开发者需要进行充分的测试,确保在各种环境下都能正常工作。可能需要借助polyfills或其他库来弥补兼容...

    HTML5移动端在线答题卡代码.zip

    这个“HTML5移动端在线答题卡代码”是一个专门为移动设备设计的交互式答题系统,旨在提供一种流畅的用户体验,让用户能够在手机或平板电脑上轻松进行单选题答题。 在HTML5中,`<input>`标签被广泛用于创建各种类型...

Global site tag (gtag.js) - Google Analytics