Html5 Web App 手机跨平台开发

更新时间:2016-05-27 17:23:00 点击次数:2101次

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

1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景

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

2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
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.3HTML5前景

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

2.4HTML5的产品与应用

Google的GMail邮箱

3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
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.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结

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

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

1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景

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


2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
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.3HTML5前景

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

2.4HTML5的产品与应用

Google的GMail邮箱

3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
3. 移动Html5 Web App
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.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结
4.总结

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

本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是一个个人学习交流的平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽,造成漏登,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

回到顶部
嘿,我来帮您!