用于开发移动Web应用的HTML5框架和应用
2015-02-05 12:13
549 查看
在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142316_1.jpg)
移动 Web 应用相对于本地的 App 有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 webapp 开发。他们支持大部分流行的智能手机和平板。
1. Lungo.js:HTML5 移动开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142319_2.jpg)
Lungo.js 是第一个应用 HTML5 和 CSS3 特性的移动开发框架。它可以帮助开发者创建 iOS,Android,Blackberry 和 WebOS 平台的应用。
Lungo.js 不需要任何 web 服务器的支持就能帮助用户实现 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。
项目地址
2. JO:一个简单的 HTML5 App 框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142321_3.jpg)
JO 可以帮助你创建类似本地应用的 Web App。JO 是一个开源的免费框架,可以和 PhoneGap 一起使用。
项目地址
3. Joshfire:跨设备的开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142323_4.jpg)
Joshfire 是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的 web app。它使用 HTML5 和 JavaScript,并且允许开发者快速整合本地应用和特定的 web 应用。
Joshfire 可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire 支持 Node.JS。
项目地址
4. Sencha Touch:基于 HTML5 的移动网页开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142325_5.jpg)
Sencha touch 可以让开发者创建类似本地应用体验的 web app。Shencha 是第一个使用 HTML5,CSS 和 JavaScript 并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。
项目地址
5. Baker:HTML5 电子书框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142326_6.jpg)
Baker 是用来在 iPad 或者 iPhone 平台上发布交互式的电子书或者电子杂志的 HTML5 电子书框架。
项目地址
6. Touchy Boilerplate
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142326_7.jpg)
Touchy Boilerplate 是一个用来创建移动 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy 使用 jQuery 或者 Zepto.JS。
项目地址
7. Ripple:让移动开发测试更容易
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142327_8.jpg)
在不同的平台上测试移动应用是一件令人头疼的事情。Ripple 可以帮助你在不同的平台商测试并且调试你的 HTML5 移动应用。Ripple 是一个 chrome 的扩展。它可以模拟每个设备的详细信息,例如 user_Agent,Geolocation 等等。
项目地址
8. RestKit
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142328_9.jpg)
Restkit 是一个 objective-c的开发框架,目的是简化并加快与 Restful 的 web service 交互。它提供了一个简洁的 HTTP request/response API 和一个强大的对象映射系统。
项目地址
9. HTML5 兼容性表格
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142329_10.jpg)
Mobile HTML5 是一个表格,显示了不同设备/平台对 HTML5 特性的支持情况。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。
项目地址
10. MobileESP:检测你的移动网页访问者
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142329_11.jpg)
MobileESP 项目提供了一套简单、轻量级的 API 让网站的开发者检测访客是不是使用移动设备,或者使用的是哪种移动设备。
项目地址
11.
Tiggr
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142330_12.jpg)
Tiggr 是一个移动一个用创建工具,可以让你快速创建移动应用。你不需要写代码就能创建丰富的移动应用。
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142316_1.jpg)
移动 Web 应用相对于本地的 App 有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 webapp 开发。他们支持大部分流行的智能手机和平板。
1. Lungo.js:HTML5 移动开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142319_2.jpg)
Lungo.js 是第一个应用 HTML5 和 CSS3 特性的移动开发框架。它可以帮助开发者创建 iOS,Android,Blackberry 和 WebOS 平台的应用。
Lungo.js 不需要任何 web 服务器的支持就能帮助用户实现 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。
项目地址
2. JO:一个简单的 HTML5 App 框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142321_3.jpg)
JO 可以帮助你创建类似本地应用的 Web App。JO 是一个开源的免费框架,可以和 PhoneGap 一起使用。
项目地址
3. Joshfire:跨设备的开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142323_4.jpg)
Joshfire 是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的 web app。它使用 HTML5 和 JavaScript,并且允许开发者快速整合本地应用和特定的 web 应用。
Joshfire 可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire 支持 Node.JS。
项目地址
4. Sencha Touch:基于 HTML5 的移动网页开发框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142325_5.jpg)
Sencha touch 可以让开发者创建类似本地应用体验的 web app。Shencha 是第一个使用 HTML5,CSS 和 JavaScript 并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。
项目地址
5. Baker:HTML5 电子书框架
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142326_6.jpg)
Baker 是用来在 iPad 或者 iPhone 平台上发布交互式的电子书或者电子杂志的 HTML5 电子书框架。
项目地址
6. Touchy Boilerplate
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142326_7.jpg)
Touchy Boilerplate 是一个用来创建移动 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy 使用 jQuery 或者 Zepto.JS。
项目地址
7. Ripple:让移动开发测试更容易
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142327_8.jpg)
在不同的平台上测试移动应用是一件令人头疼的事情。Ripple 可以帮助你在不同的平台商测试并且调试你的 HTML5 移动应用。Ripple 是一个 chrome 的扩展。它可以模拟每个设备的详细信息,例如 user_Agent,Geolocation 等等。
项目地址
8. RestKit
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142328_9.jpg)
Restkit 是一个 objective-c的开发框架,目的是简化并加快与 Restful 的 web service 交互。它提供了一个简洁的 HTTP request/response API 和一个强大的对象映射系统。
项目地址
9. HTML5 兼容性表格
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142329_10.jpg)
Mobile HTML5 是一个表格,显示了不同设备/平台对 HTML5 特性的支持情况。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。
项目地址
10. MobileESP:检测你的移动网页访问者
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142329_11.jpg)
MobileESP 项目提供了一套简单、轻量级的 API 让网站的开发者检测访客是不是使用移动设备,或者使用的是哪种移动设备。
项目地址
11.
Tiggr
![](http://static.open-open.com/news/uploadImg/20111113/20111113_142330_12.jpg)
Tiggr 是一个移动一个用创建工具,可以让你快速创建移动应用。你不需要写代码就能创建丰富的移动应用。
相关文章推荐
- 12个用于Web开发的最好HTML5框架
- 11个移动应用开发的HTML5框架和应用
- HTML5开发移动web应用——SAP UI5篇(4)
- Hybird HTML5 App(移动应用开发)之:了解Ionic框架
- 一个HTML5移动Web开发框架 - Lungo.js
- HTML5开发移动web应用——SAP UI5篇(1)
- HTML5开发移动web应用——Sencha Touch篇(12)
- HTML5开发移动web应用——Sencha Touch篇(4)
- HTML5开发移动web应用——SAP UI5篇(2)
- 11个移动应用开发的HTML5框架和应用
- 超棒的Web和移动应用开发框架(三)
- HTML5 Mobile App移动框架Sencha Touch实战OA系统开发(PhoneGap打包应用)
- Struts 2.x仍然明显落后于时代。 Struts 2.x这一类老牌Web MVC开发框架仅能用于开发瘦客户端应用,无法用来开发对于交互体验要求更高的应用。
- HTML5开发移动web应用——Sencha Touch篇(5)
- Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架
- Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架
- HTML5,缔造Web移动应用开发的未来
- HTML5开发移动web应用——Sencha Touch篇(9)
- HTML5开发移动web应用——SAP UI5篇(3)
- HTML5开发移动web应用——Sencha Touch篇(7)