HTML5具有语义学、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成和CSS3八大技术特征。让Web应用进入无插件时代,在功能和性能上逼近桌面应用。促使应用Web化,实现跨平台。
HTML5规范草案将于2012年发布候选推荐版,2022年发布计划推荐版。规范的实现似乎还在遥远的未来,其实不然!当前很多浏览器已经部分支持HTML5,caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多,很多相关规范都被独立出来,由浏览器各自实现。
移动Web应用方向
手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。
Android和iOS手机的兴起,加速了HTML5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升级。移动浏览器的不断升级,给HTML5在移动Web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动Web应用的能力也渐渐逼近客户端应用。
移动Web应用对比客户端应用的优势:
- 更多开发人员有丰富的Web开发经验和工具积累,也形成了成熟的开发社区
- 迭代更敏捷,实现持续更新
- 跨平台,开发成本比客户端的较低
Web应用宿主选择
Web都有宿主,宿主是运行程序所需要的环境。Web常见的宿主有IE、FF、Chrome这些浏览器。Javascript也运行在服务器端宿主,如node.js。在移动设备,移动Web可以运行在移动浏览器上,也可以运行在PhoneGap或Titanium等框架宿主上。当然我们也可以根据跨平台需要编写自己框架宿主。
框架宿主优势:
- 已形成成熟的社区,便于解决问题
- 如PhoneGap等,比浏览器拥有更高权限。可以访问联系人、文件、摄像头、录音等设备
- 可以通过模拟器进行测试,减少跨浏览器测试成本
框架宿主劣势:
- 以客户端形式发布,版本更新难度大,动态发布需要额外代码支持
- 系统有可能只支持单进程
- 产品之间无法跳转,不容易衔接
PhoneGap兼容性
移动浏览器是系统附带的,不需要发布,随着系统升级而更新。在没有权限要求和高端目标设备的情况下,浏览器宿主作为移动Web应用宿主更为适合。
Android浏览器 Mobile Safari
浏览器宿主优势:
- 无需发布,浏览器一般还支持桌面快捷方式
- 产品更新维护方便,可以实现持续更新
- 移植性高(相对框架宿主的一些自定义接口)
浏览器宿主劣势:
- 浏览器兼容不高,对HTML5支持有差异
- 性能差异大,必须考虑设备间处理能力的差异
- 测试成本大(特别是Android系统设备),无法覆盖所有机型
移动Javascript框架
在HTML5的支持下,交互集成取代Javascript浏览器兼容性成了移动Javascript框架的发展方向。其中jQuery Mobile和Sencha Touch最受追捧。
他们主要解决:
- 交互(包括UI设计、控件交互、页面切换等)集成
- Touch手势
交互集成框架优势:
- 交互都符合设备交互特点和设计规范(Android和iOS)
- 开发门槛低,适合快速开发
- 开发社区已经有丰富的跨平台经验和较全面的测试结果
交互集成框架劣势:
- 文件体积较大,效率往往不如原生HTML5
- 交互模式固定,难以摆脱
- 没有完善的业务框架,还需要自己实现基础业务框架(代码更新、业务模块重用等)
jQuery Mobile 兼容性
除了交互集成框架,我们还可以考虑使用原生HTML5开发自己的移动Javascript框架。自己开发更有针对性和目的性,适合业务扩展和性能优化,可以弥补集成框架的缺陷。
原生HTML5框架优势:
- 最适合长期业务扩展
- 开发灵活度更高
- 可针对目标设备的性能优化
原生HTML5框架劣势:
- 暂时只能兼容高端设备(Android2.0+、iOS3.2+性能较佳)
- 跨平台测试成本比较高
- 框架开发门槛比较高,需要一段时间发展
分享到:
相关推荐
面对大学生朋友们的课程设计和毕业设计挑战又或者是Web前端大作业,这套高效的响应式网站HTML源码文件,它将是您实现学术成就的得力助手! 这份源码文件不仅包含了丰富的功能和优雅的设计,更是一个完全响应式的网站...
基于Android+HTML5的移动Web项目高效开发探究 研究生姓名: 唐帅 导师姓名: 罗军舟 教授 苏生 教授 申请学位类别 工 程 硕 士 学位授予单位 东 南 大 学 工程领域名称 软 件 工 程 论文答辩日期 研究方向 ...
用于搭建跨平台应用,使用它中以创建出HTML5的本地化应用。 支持传感器,摄像头,获得联系人等功能。。。
Web前端开发,充分考虑到了Web前端开发从业人员的职业发展路径与成长路径,以职业素养、职业技能、知识水平为主要框架结构,设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、...
ch12 与服务端联合搭建移动应用 ch13 XML 及Web Service编程 ch14 短信编程 ch15 各种移动平台的应用开发 注意:bat目录下是批处理文件,它们便于程序的编译和运行。另外,在Software_lib.html文件中列出了书...
1 硬件需求 1.1 基本配置 配件 数量 CPU 2核 内存 4G 硬盘 100G 1.2 最低配置 配件 数量 ...Tomcat Web服务器 5.x及以上 ...(轻松互联网开发平台...本下载包包含:搭建文档、开发手册、轻开平台、移动App服务程序开发实例
Web前端开发,充分考虑到了Web前端开发从业人员的职业发展路径与成长路径,以职业素养、职业技能、知识水平为主要框架结构,设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、...
本课题结合web技术,利用PHP技术开发后台数据操作,使用html、JS语言开发管理界面,采用MySQL构建数据库,采用B/S结构,基于阿里云服务器利用Apache服务器搭建了一个管理服务平台,利用Android studio平台开发了移动...
你知道DropBox可以当Web服务器用吗?你知道怎么做出跨平台的幻灯片效果吗?不借助插件,怎样在移动设备上实现动画效果?怎样快速搭建和测试HTML电子邮箱?怎样制作跨PC和移动设备显示的应用界面?怎样利用最新的...
软件开发设计:PHP、应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储...
上传你的照片,可以使用Web表单,任何FTP客户端或桌面应用程序 (例如digiKam,Shotwell,Lightroom或移动应用程序)添加照片。 从收藏夹中筛选照片,进行选择并批量应用操作:更改作者,添加一些标签,关联到新...
全面升级手机版功能,以HTML5&CSS3为基础的网页开发,针对不同终端分辨率做了调整,在满足WEB站点功能同时,让商业授权用户快速拥有自己的WEBAPP站点拓展移动互联网市场。 如各种设备分辨率WVGA(480×800),...
第2步,使用下列指令将解压出来的webpureftp移动到/var/www/html下并改名。 [root@localhost Desktop]# mv webpureftp0.1 /var/www/html/webpureftp 第3步,用vi打开/var/www/html/webpureftp/config下的config.inc....
WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成,全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic 框架,用于快速搭建企业级桌面/移动 Web 应用程序。WijmoJS 可灵活应对客户需求变化,缩短...
WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成,全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic 框架,用于快速搭建企业级桌面/移动 Web 应用程序。WijmoJS 可灵活应对客户需求变化,缩短...
这份118套响应式网站模板的HTML源码合集是前端开发领域的...这套源码非常适合作为毕业设计、课程设计或大型作业的参考模板,它不仅能帮助学生们快速搭建起专业级别的网站,还能在实践中深化对Web前端技术的理解和应用。
软件开发设计:PHP、QT、应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、...
NativeApp(原生App)是用原生语言(Object-C/Java/C#/....)开发,用户需要下载安装的手机应用。优点是可以完全利用系统的API和平台特性,在性能上也是最好的。缺点是由于开发技术不同,如果你要覆盖多个平台,则要...
Ionic3.x+、Angular4.x+ ...Ionic 是一款基于Angular、Cordova 的强大的HTML5 移动应用开发框架, 可以快速创建一 个跨平台的移动应用。可以快速开发移动App、移动端WEB 页面、微信公众平台应用,混 合app web 页面。
因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于...