如何开发html5 app

在当前市场中，iPhone 和 Android 操作系统迅速占据了手机操作系统的大部分份额。若要在先进的智能手机上开发应用程序，通常有两种选择：一是使用 Objective - C + CocoaTouch Framework 开发 iPhone/iPad 应用程序；二是采用 Java + Android Framework 开发 Android 应用程序。然而，如果需要同时支持这两种平台，就必须维护两套程序源码，这对于刚起步的小型服务公司而言，无疑会带来一定的运维成本负担。

一、前言

幸运的是，iPhone 和 Android 设备上的浏览器对 HTML5 和 CSS3 的支持日益完善。这使得原本只能依靠原生应用程序开发框架才能实现的效果，如今借助 HTML5 或 CSS3 技术大多也能达成。因此，使用 HTML5 和 CSS3 编写基于 Web 的应用程序，若要同时支持 iPhone 和 Android 平台，几乎仅需维护一份代码（部分内容可能需要根据客户端进行少量修改）。而且，未来若其他移动设备配备了支持 HTML5 的浏览器，相同的 WebApp 可直接新增一个支持平台。

二、现况

目前，Google 的系列服务在使用 HTML5 开发移动 WebApp 方面表现突出。Google 官方博客早已发布了一些关于利用 HTML5 编写移动 WebApp 的文章。用户使用 iPhone 或 Android 设备通过浏览器访问 GMail、Google Voice、Buzz 等服务，便能看到 Google 在这方面的成果。

GMail Mobile 和 Google Buzz

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

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

三、开发前的准备

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

• HTML5 规格书：开发者必须了解 HTML5 所制定的各项规格，以便清楚可使用的技术手段。
• 参考资料：优质的参考资料能显著提高学习效率。例如，Apple 提供的开发 iPhone Web App 指南，可帮助开发者学习 HTML5 的各项新技术规格；Google 提供的加速 WebApp 指南，有助于开发者提升 WebApp 的运行速度，减少响应时间，避免因长时间等待而增加用户的挫败感。
• Web 服务器：由于 WebApp 通常需要一个 Web 服务器（大多数情况下），目前有许多免费的 Web/App 服务器托管服务可供选择，如 Google App Engine 等，这些都是构建 WebApp 不可或缺的要素。