基于html5开发app架构

在过去两年中，触屏设备呈现出飞速增长的态势。iOS 和 Android 设备促使开发者与设计师重新审视他们的网页应用，旨在为用户提供更优质的触屏体验。

移动 Web 应用相较于本地 App 具备诸多优势，不过在设计和开发过程中也面临着不少挑战。以下为您罗列一系列实用的框架，助力基于 HTML 的 WebApp 开发，这些框架大多支持流行的智能手机和平板设备。

1. Lungo.js：HTML5 移动开发框架

Lungo.js 是首个运用 HTML5 和 CSS3 特性的移动开发框架。借助该框架，开发者能够创建适用于 iOS、Android、Blackberry 和 WebOS 平台的应用。

值得一提的是，Lungo.js 无需任何 Web 服务器的支持，即可协助用户实现 HTML5 的诸多功能，如 WebSQL、Geolocation、History、Device orientation 等。

2. JO：一个简单的 HTML5 App 框架

JO 可帮助开发者创建类似本地应用的 Web App。它是一个开源且免费的框架，能够与 PhoneGap 协同使用。

3. Joshfire：跨设备的开发框架

Joshfire 是一款开源的跨设备开发框架，其主要作用是帮助开发者创建能够在多种设备上运行的 Web App。该框架采用 HTML5 和 JavaScript 技术，并且允许开发者快速整合本地应用和特定的 Web 应用。

Joshfire 使应用能够接受键盘、鼠标、触摸屏、遥控器等设备的输入，同时支持 Node.js。

4. Sencha Touch：基于 HTML5 的移动网页开发框架

Sencha Touch 能让开发者创建出具有类似本地应用体验的 Web App。它是首个运用 HTML5、CSS 和 JavaScript，并且支持音频/视频、本地存储、圆角、渐变背景以及阴影的开发框架。

5. Baker：HTML5 电子书框架

Baker 是专门用于在 iPad 或者 iPhone 平台上发布交互式电子书或电子杂志的 HTML5 电子书框架。

6. Touchy Boilerplate

Touchy Boilerplate 是一款用于创建移动 Web App 的工具，它包含 HTML 模板、Meta tag 等。Touchy 支持动态页面导航、固定页头、滚动内容、浏览历史记录等功能，使用 jQuery 或者 Zepto.js。

7. Ripple：让移动开发测试更容易

在不同平台上测试移动应用往往令人头疼。Ripple 能够帮助开发者在不同平台上测试并调试 HTML5 移动应用。它是一款 Chrome 扩展，可模拟每个设备的详细信息，如 user_Agent、Geolocation 等。

8. RestKit

RestKit 是一个 Objective - C 的开发框架，其目标是简化并加速与 Restful 的 Web service 的交互。它提供了简洁的 HTTP request/response API 和强大的对象映射系统。

9. HTML5 兼容性表格

Mobile HTML5 是一个表格，展示了不同设备/平台对 HTML5 特性的支持情况，涵盖 Safari、Android、Blackberry、IE、Opera、Firefox、webOS 和 Symbian。

10. MobileESP：检测你的移动网页访问者

MobileESP 项目提供了一套简单、轻量级的 API，方便网站开发者检测访客是否使用移动设备，以及使用的是何种移动设备。

11. Tiggr

Tiggr 是一个移动应用创建工具，借助它，开发者无需编写代码就能快速创建丰富的移动应用。