1. jQuery Mobile:http://jquerymobile.com/
假如你不熟悉jQuery,可以选择 MooTools Mobile, 一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是Dojo Mobile, 这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。
2. Titanium Mobile:http://www.appcelerator.com/products/titanium-mobile-application-development/
Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。
3. The-M-Project:http://the-m-project.net/
The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。
这个框架遵循著名的MVC软件架构模式。
它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南).
可以查看The-M-Project提供的示例来对该项目有一个初目的了解。这些示例包括:ToDo App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。
4. Jo:http://joapp.com/demos.html
Jo这个框架可用于开发那支持HTML5的移动设备,如iOS, webOS, Android和Chrome OS等平台。
它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。
可以查看其网站提供的示例页面,它例子展示了在多种移动设备平上的Jo应用情况。
5. xui.js:http://xuijs.com/
有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。
6. EmbedJS:http://uxebu.github.com/embedjs/
EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。
EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS Build tool工具实现。
EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。
7. zepto.js:http://zeptojs.com/
zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。
它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。
zepto.js的语法借鉴并且兼容jQuery。
8. DHTMLX Touch:http://dhtmlx.com/touch/
DHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。
DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。
在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。
9. Mobilize.js:
http://mobilizejs.com/Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。
这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。
Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。
对于WordPress用户可以使用其提供的Mobilize.js WordPress plugin插件。
10. ChocolateChip Mobile
ChocolateChip Mobile是一个移动Web应用开发JavaScript框架。它的语法类似于jQuery和Prototype。
与jQuery相似并不仅停留在语法上。比如可以像jQuery一样通过绑定和定义事件处理。并拥有像.css
和.toggleClass
这样的方法。
你可以从source code off GitHub获得ChocolateChip Mobile的源码。
原文:http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/
移动Web开发框架 baseJS
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
WebKit是开源的Web浏览器引擎,苹果的Safari、谷歌的Chrome浏览器都是基于这个框架来开发的。WebKit 还支持移动设备和手机,包括iPhone和Android手机都是使用WebKit做为浏览器的核心。
![baseJS.jpg](http://www.open-open.com/ajax/pimage/baseJS.jpg)
Apple移动应用开发框架 iWebKit
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
iWebKit很容易上手,对HTML的知识几乎没什么要求,只要略懂HTML的人不用多少分钟就可以写出很专业的用词界面的网站页面。容易使用,加载速度快和兼容性、扩展性好是最大的特点。
![iphone.jpg](http://www.open-open.com/ajax/pimage/iphone.jpg)
手机Web应用开发平台 PhoneGap
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
jQPad Framework
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
Mobile Web UI框架 - iUI
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von2.gif)
jQTouch
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
![jQTouch](http://www.open-open.com/ajax/pimage/jQTouch.png)
Unify Project
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
![手机开发框架 - unify](http://www.open-open.com/ajax/pimage/unify.png)
Dojo Mobile
![](http://www.open-open.com/ajax/resource/icon_1.gif)
![](http://www.open-open.com/ajax/resource/von.gif)
Dojo Mobile开发框架有这么几个特点:
1.轻量级,dojo mobile框架在压缩之后仅有100k,在同类js框架中算是体积相当小的,对移动设备来说十分合适。
2.大量使用CSS3实现iPhone和Android本地程序的特效,动画效果流畅
3.跨浏览器平台,dojo mobile同时也支持非webkit内核的手机浏览器,使用dojo自带的dojo.animateProperty与dojox.gfx模拟特效。