推荐10款不错的HTML5框架

前两个月还在感叹WebOS的垮掉，现在突然发现HTML5比预期的时间提前来到了。难道真的是惠普的WebOS就是死在早了那么一两年么？那么真如现在所说的Oracle要低价收购的话，那真是在最合适的时间捡到一个大便宜啊。好了，废话不多说，今天推荐10款不错的HTML5的开发框架。

1、 Sencha Touch

Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。这个是大名鼎鼎的EXT框架的公司整合其另外两个框架发展而来的，自然首先推荐。

今天 Sencha Touch 发布 2.0 的首个开发者预览版。这在 Sencha Touch 1.0 发布的一年之后。新版本主要工作侧重于性能提升、易用以及内置打包方面。

2、PhoneGap

PhoneGap是一款HTML5平台，通过它，开发商可以使用HTML、CSS及JavaScript来开发本地移动应用程序。因此，目前开发商可以只编写一次应用程序，然后在6个主要的移动平台和应用程序商店(app store)里进行发布，这些移动平台和应用程序商店包括：iOS、Android、BlackBerry、webOS、bada以及Symbian。上个月该公司已经被Adobe公司协议收购，有了强大的后台支撑。（话说Adobe也通过收购在HTML5开发标准上占了一席之地啊）

下面是一些使用该框架的代码示例：

获取地理位置：

 //GAP will invoke this function once it has the location function gotLocation(lat,lon){ $('lat').innerHTML = "latitude: " + lat; $('lon').innerHTML = "longitude: " + lon; }

获取摄像头捕捉的照片

 function takePhoto(){ var photo = gap:takePhoto(); return photo; }

http://phonegap.com/

honeGap Mobile App XDK，可以让开发人员创建、模拟和测试PhoneGap项目。该工具是一个集成开发环境（IDE），提供了用于创建HTML5和PhoneGap应用的全套开发工具。AppMobi称，新的XDK为PhoneGap项目开发提供了一个直观的开发环境。

备注： phoneGap已出现就有很大反响，现在国内有个http://phonegap.cn爱好者网站，里面有中文的使用介绍。

3、ChocolateChip-UI

ChocolateChip-UI 是一个手机移动 Web 开发框架，使用 HTML5, WAML, CSS 和 JavaScript，基于 ChocolateChip JavaScript 库，包含新的 ChUI.JS 和 ChUI.css.可以在没有什么设计的情况下，开发出类似原生应用的界面来。

4、 Joshfire

Joshfire是一个支持多种设备的开发框架，仅采用HTML5和JavaScript等标准，可以帮助开发者迅速开发本地专用的网络应用，用于浏览器、Node.JS、桌面电脑、智能手机、智能电视以及联网设备。

多设备支持

不管你针对哪种设备开发，Joshfire可以让你「一次开发，多处兼容」，自动兼容手机、平板电脑、电视等设备。

针对内容进行优化

如果你想发布新闻、图片、音乐、视频，Joshfire框架可以帮你轻松开发全功能内容应用。

用户互动

忘掉那些为触控板、电视遥控器、键盘、鼠标、Kinect准备的专门设计吧，你只需要描述你的应用，其他的交给Joshfire。

客户端、服务器任意切换

下载地址：http://framework.joshfire.com/download

5、DHTMLX Touch

它是针对移动和触摸设备的JavaScript 框架。DHTMLX Touch基于HTML5，创建移动web应用。它不只是一组UI 小工具，而是一个完整的框架，可以针对移动和触摸设备创建跨平台的web应用。它兼容主流的web浏览器，用DHTMLX Touch创建的应用，可以在iPad、iPhone、Android智能手机等上面运行流畅。

6、jo

Jo这个框架可用于开发那支持HTML5的移动设备，如iOS,webOS, Android和Chrome OS等平台。

它拥有标准，类原生的UI元素比如用于屏幕登录的Web表单控件，还有弹出小部件可用于在用户点击界面时提供一些额外的信息。

可以查看其网站提供的示例页面，它例子展示了在多种移动设备平上的Jo应用情况。

http://joapp.com/downloads.html

7、mobl

mobl 其实是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl 可方便构建手机 web 应用程序，包括 iOS、Android 和其他支持 HTML5 技术的手机。

主要特点：

Statically typed language, enabling great IDE support and as-you-type error detection, while reducing the amount of typing other statically typed languages require, through type inference.
Scripting language syntax similar to Javascript.
Declarative domain-specific language (DSL) for defining user interfaces.
Declarative concise DSL for defining data models. Data is stored on the device. No server back-end required.
Easy access to existing “native” Javascript libraries and widgets.
Compiler generates static Javascript and HTML files, ready to be deployed to any web host and to be cached on the device, to enable offline web applications.

http://www.mobl-lang.org/get/

8、SproutCore

SproutCore是一款HTML5的应用框架

在线演示

9、Perkins

Perkins 是一个 HTML5/CSS3 框架，主要为简化开发者和设计师的工具。使用一个基础的 HTML5 模板，包含多数所支持的标签以及一些 CSS 样式，便于创建诸如导航、圆角、渐进等效果。遵循MIT协议。

http://code.google.com/p/perkins-less/

10、AppMobi公司的HTML5框架

一家名叫AppMobi的小公司，正致力一项工作，使开发者能创建可深入移动设备硬件或操作系统功能的HTML5应用，如重力感应、加速计、GPS、相机、声音与震动、文件系统等，InfoWorld报道。‘其iOS MobiUs浏览器为游戏实现了HTML5的DirectCanvas API，并为将浏览器缓存中的可执行文件和数据存储在本地（以使应用可以离线运行）实现了HTML5本地存储API。但是使MobiUs不同于仅仅只是另外一个浏览器的是，AppMobi在它上面提供了一个库，它能允许开发者访问本地硬件，并实现Web应用的消息推送。’

网站

http://www.appmobi.com/

其开发中心链接

http://www.appmobi.com/?q=node/27

API 文档

http://appmobi.com/documentation/index.html

这里罗列了这么多的HTML5的应用框架，大多数都没有尝试使用，不过多数的文档写的还算详细。而HTML5大多是冲着移动应用开发来的。其实在Web上的实现与在原生应用里面的效果如果一致，岂不是最受开发者和公司欢迎么？而对最终用户，才不管你使用什么技术、什么平台，只要效果好就可以啊。

Shapez Theme

09