11个移动应用开发的HTML5框架和应用

376 查看

在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的Web应用,以提供更好的触屏体验。

相对于本地应用,移动Web应用有很多优势,但也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 Web应用开发。它们支持大部分流行的智能手机和平板电脑。

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

11个用于移动应用开发的HTML5框架和应用

Lungo.js 是第一个应用 HTML5 和 CSS3 特性的移动开发框架。它可以帮助开发者创建 iOS,Android,Blackberry 和 WebOS 平台的应用。

Lungo.js 不需要任何 web 服务器的支持就能帮助用户实现 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。

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

11个用于移动应用开发的HTML5框架和应用

JO 可以帮助你创建类似本地应用的 Web App。JO 是一个开源的免费框架,可以和 PhoneGap 一起使用。

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

11个用于移动应用开发的HTML5框架和应用

Joshfire 是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的 web app。它使用 HTML5 和 JavaScript,并且允许开发者快速整合本地应用和特定的 web 应用。

Joshfire 可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire 支持 Node.JS。

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

11个用于移动应用开发的HTML5框架和应用

Sencha touch 可以让开发者创建类似本地应用体验的 web app。Shencha 是第一个使用 HTML5,CSS 和 JavaScript 并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。

5. Baker:HTML5 电子书框架

11个用于移动应用开发的HTML5框架和应用

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

6. Touchy Boilerplate

11个用于移动应用开发的HTML5框架和应用

Touchy Boilerplate 是一个用来创建移动 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy 使用 jQuery 或者 Zepto.JS。

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

11个用于移动应用开发的HTML5框架和应用

在不同的平台上测试移动应用是一件令人头疼的事情。Ripple 可以帮助你在不同的平台商测试并且调试你的 HTML5 移动应用。Ripple 是一个 chrome 的扩展。它可以模拟每个设备的详细信息,例如 user_Agent,Geolocation 等等。

8. RestKit

11个用于移动应用开发的HTML5框架和应用

Restkit 是一个 objective-c的开发框架,目的是简化并加快与 Restful 的 web service 交互。它提供了一个简洁的 HTTP request/response API 和一个强大的对象映射系统。

9. HTML5 兼容性表格

11个用于移动应用开发的HTML5框架和应用

Mobile HTML5 是一个表格,显示了不同设备/平台对 HTML5 特性的支持情况。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。

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

11个用于移动应用开发的HTML5框架和应用

MobileESP 项目提供了一套简单、轻量级的 API 让网站的开发者检测访客是不是使用移动设备,或者使用的是哪种移动设备。

11. Tiggr

11个用于移动应用开发的HTML5框架和应用

Tiggr 是一个移动一个用创建工具,可以让你快速创建移动应用。你不需要写代码就能创建丰富的移动应用。

英文原文:http://skytechgeek.com/2011/11/html5-frameworks-and-useful-apps-for-mobile-web-development/