HTML5开发MobileWebApp学习笔记.docx

《HTML5开发MobileWebApp学习笔记.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML5开发MobileWebApp学习笔记    依照目前iPhone/Android迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C+CocoaTouchFramework撰写iPhone/iPad应用程式，就是选择Java+AndroidFramework撰写Android应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。     大家一起来用HTML5开发MobileWebApp吧！一、前言     所

2、幸在iPhone及Android上的浏览器对于HTML5及CSS3的支援愈来愈好，使得原本一定要用原生的应用程式开发框架才能做出来的效果，现在很多都能利用HTML5或是CSS3的技术来完成。所以，使用HTML5,CSS3来撰写Web-based的应用程式，若要同时支援iPhone及Android，几乎只需要维护一份程式码（少部份要因应clients作修改），而且未来若有其它行动装置拥有支援HTML5的浏览器，那同样的WebApp直接就多了一个支援平台。二、现况     目前大量以HTML5开发MobileWebApp的就属Goo

3、gle的系列服务了。在Google官方的部落格也早就写了一些利用HTML5撰写MobileWebApp的文章，现在使用iPhone或Android透过浏览器连接至GMail、GoogleVoice、Buzz等服务就可以看看Google的成果。     GMailMobile     GoogleBuzz      Google的系列服务使用了不少HTML5中的cache、storage及database规格来做到离线存取程式的效果。因为比起桌面应用程式，行动装置的网路连线更不稳定，而且有时在移动中并无网路可以使用，透过这些技术才

4、能让使用者即使在无网路环境下继续使用你的webapp。     HTML5中还定义了不少2D图形处理、多媒体（Video/Audio）的技术规格，要在上面制作各种充满视觉效果的应用程式也不是完全不可能，使用HTML5写MobileWebApp虽然不像原生程式那样能对行动装置做完整的掌控，但要制作丰富的应用程式是绝对值得投入心力下去的。三、开发前的准备     首先你要了解的是，虽然是使用HTML5来写WebApp，你还是得了解HTTP、Web的运作模式，并且了解如何利HTML/CSS/JavaScript开发Web的前端画面、互

5、动程式。在这些基本功夫都上手之后，你需要的就是以下的资源：     HTML5的规格书。当然你要了解HTML5制定了什么规格，才知道手上有多少武器可以运用。     参考资料，好的参考资料能带你上天堂，增加学习的效率：     Apple提供的开发iPhoneWebApp指南也会带你学习HTML5的各项新技术规格     Google提供的加速WebApp指南。为了让浏览器在WebApp上有更好的表现，开发者必须尽可能地提升WebApp速度，降低反应时间，避免长时间的等待增加使用者的挫折。     既然是WebApp，势必（大多

6、数的情况下）需要一个WebServer，现在免费的Web/AppServerHosting也有不少（如：GoogleAppEngine等），都是构成WebApp不可或缺的要素。 四、其他参考资料（来自IBMDevelopmerworks） 《Android和iPhone浏览器之战》系列：1.Android和iPhone浏览器之战，第1部分:WebKit成援兵2.Android和iPhone浏览器之战，第2部分:为iPhone和Android构建基于浏览器的应用程序 《使用HTML5创建移动Web应用程序》系列：1.使用HTML5

7、创建移动Web应用程序，第1部分：联合使用HTML5、地理定位API和Web服务来创建移动混搭程序2.使用HTML5创建移动Web应用程序，第2部分：使用HTML5开启移动Web应用程序的本地存储3.使用HTML5创建移动Web应用程序，第3部分：使用HTML5支持移动Web应用程序离线工作4.使用HTML5创建移动Web应用程序，第4部分：使用WebWorkers来加速您的移动Web应用程序5.使用HTML5创建移动Web应用程序，第5部分:使用HTML5开发新的可视化UI特性