Html5 Web App 手机跨平台开发笔记

Posted IT民工

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html5 Web App 手机跨平台开发笔记相关的知识,希望对你有一定的参考价值。

APP 开发平台包括android 平台开发,Mac os X 平台开发以及Windows Phone 7平台开发。开发的程序都只能在各自手机系统上运行,如果开发出一种程序,能再以上任何系统上运行,那是多么美好的事情。而html5 Mobile Web App就是其中一种跨平台方法。下面是相关知识的介绍

1.背景

 

       HTML5是HTML的最新标准,HTML5的草案已经于2008年发布,目前W 3 C(万维网联盟)正在对此进行进一步完善。对许多人来说,早该进行这种改进了。十多年来,HTML一直没有进行真正的升级,上一次正式获得W3C推荐(即Web标准制定过程的最终阶段)的标准语言还是2001年的XHTML1.1。此后的这些年,Web开发人员要求升级的呼声越来越高。因为HTML和XHTML标准已力不从心,它们以文档为中心的理念无法有效地满足现代Web应用的需要。

2.HTML5

2.1什么是HTML?

 

HTML(Hypertext Markup Language)是超文本标记语言的英文缩写,这是一种标记语言,不需要进行编译,直接由浏览器执行。HTML文件是一个文本文件,包含了一些HTML元素、标签等。目前HTML语言的标准是由 W3C(World Wide Web Consortium)负责制定的。依照规则,无论是何种浏览器,对于相同的HTML代码,应当展现给用户相同的效果。

2.2什么是HTML5?

 

HTML5是下一代Web语言,HTML5是在现在的HTML基础上提出了许多新的特性,例如嵌入音频、视频和图片的函数、客户端存 储数据、交互式文档等,通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则,HTML5进一步增强了互动性,并有效减少了开发成本,并将引领下一个web实现类似的桌面应用体验。它的出现消除internet程序对flash,Sliverlight,javaFX等一类浏览器插件的依赖。

 

从感性的角度来看,HTML5技术的渲染过程主要是由浏览器、内嵌HTML5解 析器的应用程序 (如PhoneGap)、支持书签打开方式的应用程序又或者是移动手机产品(iPhone和iPad)进行的。这种技术的好处就是能重用现有的网页设计。

 

从理性的角度来看,HTML5 技术就是使用javascript引擎直接控制本地功能,改变移动设备上的浏览器组件。而HTML5应用上的表现问题更多是由HTML/CSS渲染技术控 制的,而不是由JavaScript解析生成的。如果使用正确,HTML5技术无疑可以给予你大量新增的表现效果

 

 

 

 

2.3 HTML5前景

 

如图,在2012年,将会由W3C发布候选推荐版,这个版本的发布就代表着HTML5的规范编写已经完成了。而2022年推出的计划推荐版,则意味着至少会有两个浏览器会完全的支持HTML5的所有特性。2022年听起来似乎很遥远,但通过观察现阶段chrome, firefox , safari,IE等浏览器对HTML5的支持程度,可以看出各大浏览器厂商都非常积极。应该不需要到2022年就会有至少两个浏览器支持HTML5。因此现在关注和讨论HTML5,了解HTML5的新特性,为以后的产品规划并非毫无意义。

2.4 HTML5的产品与应用

Google的GMail邮箱

3. 移动Html5 Web App

3.1移动Web App

 

       手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。 而且手机上网在用户生活中所占的比例越来越多。

 

       Android和ios手机的兴起,加速了HTML5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升级。移动浏览器的不断升级,给HTML5在移动Web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动Web应用的能力也渐渐逼近客户端应用。

 

       随着苹果宣布不支持Flash,支持Html5,以及微软下一代系统全面支持Html5,以及刚刚得到消息office15 将支持Html5/JavaScript开发,我们可以预见Html5将带来一场革命风暴,而它的地位是显而易见的。

 

可以从上面调查中可以看到,多个手机操作系统同时存在,而且这个数据是2010年,现在估计未来购买的话,Android还是占主导,苹果和Windows Phone 7应该是未来三大主导。这个趋势应该是一个长期的过程,所以开发出的应用程序能跨越平台也是越来越重要了。

 

那么通过浏览器指定通用的规则,只要支持这个规则的浏览器都可以使用,这个就是Html5 Web App.只要手机浏览器支持Html5浏览器,那么Web App就可以运行了。

3.2开发HTML5 Web App

 

    目前,可以知道HTML5在PC上的应用才刚刚开始兴起,可以说在移动中的应用更是开始起步,国内外在这方面开发与应用都是非常少的,可以用稀少来形容。而HTML5 Web App开发这方面资源也少的可怜,现在开发一般使用两种框架PhoneGap与Sencha Touch。

 

   PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,只要你会HTML和Javascript或者Java语言,就可以利用PhoneGap提供的API去调用各种功能,PhoneGap就能让你可以制作出在各种手机平台上运行的应用。PhoneGap已实现对iPhone/ipad、Android、Symbian,Palm、黑莓各版本绝大部分功能的支持。

 

    Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。Sencha是目前为止所发现的最强大的应用于移动平台的框架。相信随着Sencha的出现,移动平台的Web App用户体验设计会得到提升,同时也会对HTML5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见,随着HTML5愈加强大的功能,未 来的移动应用将会逐渐步入Web App时代,Native App会逐渐走向终结。

 

 

4.总结

 

    可以确信两点:Html5的未来是光明的,它势必将引领IT届的一场变革。随着移动应用在人类生活文明中的地位越来越高预计将超过PC机,跨平台的Html5 Web App势必将是领头军。现在才是一个启蒙阶段,我们有必要在这方面做好相关的准备与研究。

以上是关于Html5 Web App 手机跨平台开发笔记的主要内容,如果未能解决你的问题,请参考以下文章

H5如何做手机app(移动Web App)?图片轮播?

html5 app开发用啥框架比较好

头条丨HTML5定稿:手机App三年内将彻底消失?

HTML5到跨平台App应用深度解析

html5 app,你知道多少

怎么将网页打包成桌面应用(web前端页面