html5如何开发webApp

依照目前iPhone和Android市场占有率迅速提升的形势来看，未来若想在先进的智能手机上开发应用程序，要么选择使用Objective - C + CocoaTouch Framework来开发iPhone/iPad应用程序，要么选择Java + Android Framework来开发Android应用程序。若要同时支持这两种平台，就必须维护两套代码，这对于刚起步的小型服务而言，会产生一定的运维成本负担。

大家一起来用HTML5开发Mobile Web App吧！

一、前言

所幸iPhone和Android上的浏览器对HTML5及CSS3的支持越来越好，原本只有使用原生应用程序开发框架才能实现的效果，如今很多都可以利用HTML5或CSS3技术来完成。因此，使用HTML5和CSS3编写基于Web的应用程序，若要同时支持iPhone和Android，几乎只需维护一份代码（少部分需要根据客户端进行修改）。而且，未来若其他移动设备配备支持HTML5的浏览器，同样的WebApp可直接增加一个支持平台。

二、现况

目前，大量使用HTML5开发Mobile WebApp的当属Google的系列服务。Google官方博客早已发布了一些关于利用HTML5编写Mobile WebApp的文章。现在，使用iPhone或Android通过浏览器访问GMail、Google Voice、Buzz等服务，就能看到Google的成果。

GMail Mobile

Google Buzz

Google的系列服务运用了HTML5中的缓存（cache）、存储（storage）及数据库（database）规范，实现了离线访问程序的效果。与桌面应用程序相比，移动设备的网络连接更不稳定，有时在移动过程中无法使用网络。通过这些技术，能让用户即使在无网络环境下也可继续使用WebApp。

HTML5还定义了许多2D图形处理、多媒体（视频/音频）的技术规范，在其基础上制作各种具有视觉效果的应用程序并非不可能。虽然使用HTML5编写Mobile Web App不像原生程序那样能对移动设备进行全面掌控，但要开发丰富的应用程序，是非常值得投入精力的。

三、开发前的准备

首先要明确，即便使用HTML5开发WebApp，也需要了解HTTP和Web的运作模式，掌握如何运用HTML、CSS和JavaScript开发Web前端界面及交互程序。在掌握这些基础知识后，还需要以下资源：

HTML5的规格书

只有了解HTML5制定的规范，才能清楚可运用的技术手段。

参考资料

好的参考资料能提高学习效率：

• Apple提供的开发iPhone Web App指南，可帮助学习HTML5的各项新技术规范。
• Google提供的加速WebApp指南。为使浏览器在WebApp上有更好的表现，开发者需尽可能提高WebApp的速度，减少响应时间，避免长时间等待给用户带来挫折感。

Web Server

既然是WebApp，（大多数情况下）就需要一个Web Server。目前有不少免费的Web/App Server Hosting服务（如Google App Engine等），它们是构成WebApp不可或缺的要素。