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

Posted 2020-06-18 IT民工

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势必将是领头军。现在才是一个启蒙阶段，我们有必要在这方面做好相关的准备与研究。