选择移动Web HTML5框架

时间:2011-02-21 06:50:02

标签: javascript jquery html html5 mobile

对于新项目,我一直在寻找支持HTML5的框架,并在移动设备上运行,即IPhone,IPads。我发现了这些:

对我来说最重要的是HTML5。虽然我查看了他们提供的功能,但我只是想了解您的体验,如果有的话。

在寻找时,我应该选择哪一个:

  • 快速入门
  • 良好的文档
  • 类似网络开发
  • 对移动平台的良好支持

11 个答案:

答案 0 :(得分:123)

这取决于您的目标受众群体以及您正在构建的网站的互动程度。

<强> jQTouch:
重视CSS,点亮JavaScript,MIT许可证
对于一个快速启动的框架,但遗憾的是没有很多文档,请使用jQTouch。它需要很少的开始,编码是相当直接的。它使用CSS类来检测适当的动画和交互。

Sencha Touch:
几乎完全 JavaScript,GPL不在未经许可的商业网站上使用
如果您正在构建具有大量可视交互的复杂企业应用程序,我强烈建议使用Sencha Touch,它有大量文档记录,并且有强大的专业团队提供支持。

<强> M-项目:
麻省理工学院的许可证,在JavaScript上很重要,似乎是在Alpha中,可能是错误的 虽然我自己从未与M-Project合作过(感谢指出)它看起来确实非常强大,编码风格似乎与基于ExtJS的Sencha Touch非常相似,所以如果你的团队已经有经验的ExtJS,考虑其中一个框架可能是明智的。

<强> Nimblekit:
这似乎仅适用于iOS,如果您决定将应用程序扩展到Android或其他平台,这不是一件好事。

Wink Toolkit:
似乎是MIT,或的某些变体 在我看来,眨眼似乎有很多事情要做,但文档感觉很冷

jQuery Mobile:
双重许可MIT或GPL 2,恰好混合了JavaScript和CSS
我会让更多经验的人谈论优点,但jQuery mobile(虽然它也是alpha版本)由强大的团队和支持者社区支持,扩展了核心jQuery库。除了大多数以企业为中心的应用程序之外,它可能是最佳选择。

<强>钛
Titanium不是HTML5移动框架,它是基于javascript的框架中包含的本机代码模块的接口。这是一个相当直接的框架,但我认为文档稀疏。

底线:
1. jQuery mobile - 只要你的应用不是以企业为中心的 2. Sencha Touch - 如果您的应用程序以企业为中心或对用户交互很重视 3. jQTouch - 如果您正在寻找的是一个快速入门的简单框架,但您不需要太多热情。
4. Titanium - 如果您更关心在应用程序中使用实际本机控件

演示应用

有一个开源项目PropertyCross,它演示了使用一系列跨平台框架实现的相同应用程序。它对于比较各种框架的代码,开发经验和最终用户体验非常有用。

答案 1 :(得分:14)

jQuery Mobile更好,并得到很好的支持!!

答案 2 :(得分:9)

坚持使用jQuery mobile。它比jQtouch快。它还有更好的文档,然后是senchas。 Senchas的初始加载时间很慢。总体而言,jQuery mobile赢得了我的赌注。

答案 3 :(得分:7)

我在这里推荐的这个框架很新,但您可能希望以后再试用它:Mobl - HTML5 for mobile appliccation

实际上,它是一种在移动设备上构建HTML 5应用程序的DSL(特定于域的语言)。它由Zef Hemel构建,作为博士论文的一部分,并允许一种非常简单的方法来快速构建HTML5应用程序

关于您的要求:

  1. 快速入门:是的,开始使用Mobl进行开发非常简单。只需添加一个Eclipse附加组件并更改一些配置。

  2. 文档:这个教程已经足够好了,但它缺乏导航,我的意思是,它是一个全面的结构。我希望他们能尽快加入。

  3. 类似网络开发:我认为不是。作为DSL,与Web脚本语言(HTML,Javascript,...)相比,Mobl具有不同的结构(与javascript类似的语法)。但是理解它们并不需要花费太多时间。

  4. 支持:这件事情不好。在这个早期阶段,Mobl社区非常受限制。

答案 4 :(得分:6)

jQuery mobile是一个很好的选择,它有Good documentation and support here是一篇好文章,你会明白哪一个选择...

答案 5 :(得分:4)

您可能还想看一下PhoneGap(opensource)。它还在云中提供免费构建服务,该服务将从单一源代码库中为大多数流行的手机提供本机应用程序。我自己没试过,但听起来很有趣。

答案 6 :(得分:3)

我会从HTML 5 boiler plate开始。它有点重,但您可以根据需要添加或删除它。绝对是我发现的最完整的HTML5模板。 然后我会去jQuery Mobile。它还没有超出alpha版本,因此预计会有一点点错误,但它背后有一个很好的社区,它有一个很好的结构来创建插件。

答案 7 :(得分:3)

您可能还想查看Google Web Toolkit,它允许您使用Java编写移动HTML5应用程序。 GWT有一个模板系统,你可以在其中包含HTML和CSS,因此主要区别在于你用Java而不是Javascript编写。之前提到的Sencha Touch也有一个名为Gwt4Touch的GWT版本。

答案 8 :(得分:2)

还有http://zeptojs.com,其目标是占地面积小,&lt; 5Kb,具有大多数jquery核心功能。

答案 9 :(得分:2)

我还会考虑 Skeleton

文档/演示网站:http://www.getskeleton.com/

答案 10 :(得分:1)

对于您未来的项目,您还可以查看DHTMLX Touch,这是一个用于构建移动Web应用程序的免费开源框架。这是很容易开始并有现场支持论坛。 一些演示:http://www.dhtmlx.com/touch/samples/

(我为DHTMLX工作)

相关问题