HTML5开发MobileWebApp学习笔记
依照目前iPho
eA
droid迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用ObjectiveCCocoaTouchFramework撰写iPho
eiPad应用程式，就是选择JavaA
droidFramework撰写A
droid应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。大家一起来用HTML5开发MobileWebApp吧！
一、前言
所幸在iPho
e及A
droid上的浏览器对于HTML5及CSS3的支援愈来愈好，使得原本一定要用原生的应用程式开发框架才能做出来的效果，现在很多都能利用HTML5或是CSS3的技术来完成。所以，使用HTML5CSS3来撰写Webbased的应用程式，若要同时支援iPho
e及A
droid，几乎只需要维护一份程式码（少部份要因应clie
ts作修改），而且未来若有其它行动装置拥有支援HTML5的浏览器，那同样的WebApp直接就多了一个支援平台。
二、现况
目前大量以HTML5开发MobileWebApp的就属Google的系列服务了。在Google官方的部落格也早就写了一些利用HTML5撰写MobileWebApp的文章，现在使用iPho
e或A
droid透过浏览器连接至GMail、GoogleVoice、Buzz等服务就可以看看Google的成果。
fGMailMobile
fGoogleBuzz
Google的系列服务使用了不少HTML5中的cache、storage及database规格来做到离线存取程式的效果。因为比起桌面应用程式，行动装置的网路连线更不稳定，而且有时在移动中并无网路可以使用，透过这些技术才能让使用者即使在无网路环境下继续使用你的webapp。HTML5中还定义了不少2D图形处理、多媒体（VideoAudio）的技术规格，要在上面制作各种充满视觉效果的应用程式也不是完全不可能，使用HTML5写MobileWebApp虽然不像原生程式那样能对行动装置做完整的掌控，但要制作丰富的应用程式是绝对值得投入心力下去的。
三、开发前的准备
首先你要了解的是，虽然是使用HTML5来写WebApp，你还是得了解HTTP、Web的运作模式，并且了解如何利HTMLCSSJavaScript开发Web的前端画面、互动程式。在这些基本功夫都上手之后，你需要的就是以下的资源：HTML5的规格书。当然你要了解HTML5制定了什么规格，才知道手上有多少武器可以运用。
f参考资料，好的参考资料能带你上天堂，增加学习的效率：Apple提供的开发iPho
eWebApp指南也会带你学习HTML5的各项新技术规格Google提供的加速WebApp指南。为了让浏览器在WebApp上有更好的表现，开发者必须尽可能地提升WebApp速度，降低反应时间，避免长时间的等待增加使用者的挫折。既然是WebApr