Javascript 选择移动 Web HTML5 框架

Choosing Mobile Web HTML5 Framework

提问by Sarfraz

For the new project, I have been searching for a framework with support of HTML5 and runs on mobile, that is IPhone, IPads. I found out these:

对于新的项目，我一直在寻找一个支持HTML5、运行在手机上的框架，即IPhone、IPads。我发现了这些：

• Sencha Touch
• M-Project
• jQuery Mobile
• jQTouch
• Titanium
• NimbleKit
• Wink Toolkit

• 煎茶触控
• 移动项目
• jQuery 移动版
• jQTouch
• 钛
• 敏捷套件
• 眨眼工具包

The main thing for me is HTML5. Although I went over the features they offer, I just wanted to know your experience if any with them.

对我来说最重要的是 HTML5。尽管我浏览了它们提供的功能，但我只是想知道您对它们的体验（如果有的话）。

Which one should I go for when looking for:

寻找时我应该去哪一个：

• Quick Start
• Good documentation
• Similar Web-way development
• Good support for the mobile platform

• 快速开始
• 良好的文档
• 类似的Web方式开发
• 对移动平台的良好支持

采纳答案by samshull

It depends on what your target audience is and how interactive the site you are building is.

这取决于您的目标受众是什么以及您正在构建的网站的交互性如何。

jQTouch:
heavy on the CSS, light on the JavaScript, MIT license
For a framework that provides a quick start, but not a lot of documentation unfortunately, use jQTouch. It requires very little to get started and coding is fairly straight forward. It uses CSS classes for detecting the appropriate animations and interactions.

jQTouch：
重 CSS，轻 JavaScript，MIT 许可证
对于提供快速入门但不幸的是文档不多的框架，请使用 jQTouch。它几乎不需要上手，编码也相当简单。它使用 CSS 类来检测适当的动画和交互。

Sencha Touch:
almost completelyJavaScript, GPL not for use on commercial sites without a license
If you are building a complex enterprise application with a lot of visual interactions, I would strongly recommend Sencha Touch, it is heavily documented, with a strong professional team providing support.

煎茶触摸：
几乎完全的JavaScript，GPL不是为商业网站使用无证
如果你正在建设有大量的视觉交互的复杂的企业应用，我会强烈建议煎茶触摸，它在很大程度上证明，具有较强的专业团队提供支持。

M-Project:
MIT license, heavy on the JavaScript, appears to be in Alpha, may be buggy
Although I have never worked with M-Project myself (thanks for pointing it out) it does appear to be a very robust, and the coding style appears to be very similar to Sencha Touch, which is based on ExtJS, so if your team already has experience with ExtJS, it might be wise to consider one of these frameworks.

M-Project：
麻省理工学院许可证，重载 JavaScript，似乎处于 Alpha 阶段，可能有问题
虽然我自己从未使用过 M-Project（感谢您指出），但它看起来确实非常健壮，并且编码样式看起来与基于 ExtJS 的 Sencha Touch 非常相似，所以如果您的团队已经有使用 ExtJS 的经验，那么考虑这些框架之一可能是明智的。

Nimblekit:
This appears to be for iOS only, not a good thing if you ever decide to expand your application to Android or some other platform.

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

Wink Toolkit:
appears to be MIT, or some variation there ofIn my opinion, wink seems to have plenty going for it, but the documentation feels cold

Wink Toolkit：
似乎是 MIT，或者那里的一些变体在我看来，wink 似乎有很多用途，但文档感觉很冷

jQuery Mobile:
Dual license MIT or GPL 2, just the right mixture of JavaScript and CSS
I will let someone with more experience talk about the merits, but jQuery mobile (though it is in alpha as well) is backed by a strong team and a community of supporters by extension of the core jQuery library. Probably the best choice for anything except the most enterprise centric applications.

jQuery Mobile：
双许可 MIT 或 GPL 2，JavaScript 和 CSS 的正确组合
我会让有更多经验的人谈论优点，但 jQuery mobile（虽然它也处于 alpha 阶段）得到了强大的团队和通过扩展核心 jQuery 库的支持者社区。除了最以企业为中心的应用程序之外，可能是任何事物的最佳选择。

Titanium:
Titanium is not an HTML5 mobile framework, it is a javascript based interface to native code modules included in the framework. It is a fairly straight forward framework, but I would consider the documentation sparse.

Titanium：
Titanium 不是 HTML5 移动框架，它是框架中包含的本机代码模块的基于 javascript 的接口。这是一个相当直接的框架，但我认为文档很少。

Bottom Line:
1. jQuery mobile - as long as your app is not enterprise centric
2. Sencha Touch - if your application is enterprise centric or heavy on user interactions
3. jQTouch - if what you are looking for is a simple framework to get started with quickly, but you don't need a lot of gusto.
4. Titanium - if you are more concerned with having actualnative controls in your application

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

Demonstration Apps

演示应用程序

There is an open source project, PropertyCross, which demonstrates the same application implemented with a range of cross platform frameworks. It is very useful for comparing the code, development experience and end-user experience of the various frameworks.

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

回答by eos87

jQuery Mobile is better and have nice support!!

jQuery Mobile 更好，并且有很好的支持！！

回答by Hussein

Stick with jQuery mobile. It faster then jQtouch. It also has better documentation then senchas. Senchas initial load time is slow. Overall, jQuery mobile wins my bet.

坚持使用 jQuery 移动版。它比jQtouch快。它还具有比 senchas 更好的文档。Senchas 初始加载时间很慢。总的来说，jQuery Mobile 赢得了我的赌注。

回答by Hoàng Long

This framework I recommended here is quite new, but you may want to try it in the future: Mobl - HTML5 for mobile appliccation.

我在这里推荐的这个框架很新，但你以后可能想尝试一下：Mobl - HTML5 for mobile appliccation。

Actually, it's a DSL (Domain specific language) to build HTML 5 application on mobile. It's constructed by Zef Hemelas part of his Ph.D thesis, and allow a very easy way to build an HTML5 application quickly

实际上，它是一种用于在移动设备上构建 HTML 5 应用程序的 DSL（领域特定语言）。它是由Zef Hemel作为他博士论文的一部分构建的，并提供了一种非常简单的方法来快速构建 HTML5 应用程序

About your request:

关于您的要求：

1. Quick start: yes, it's very simple to start developing with Mobl. Just add an Eclipse add-on and change some configuration.

2. Documentation:the tutorial is good enough, but it lacks the navigation, I mean, a comprehensive structure. I hope they will add it soon.

3. Similar web-development:I don't think it is. As a DSL, Mobl has different structure (similar syntax to javascript, though) comparing to web scripting language (HTML, Javascript,...). But it doesn't take much time to understand them.

4. Support: This thing is not good. At this early stage, Mobl community is very restricted.

1. 快速入门：是的，开始使用 Mobl 进行开发非常简单。只需添加一个 Eclipse 插件并更改一些配置即可。

2. 文档：教程足够好，但它缺乏导航，我的意思是，一个全面的结构。我希望他们很快就会添加它。

3. 类似的网络开发：我认为不是。作为一种 DSL，与 Web 脚本语言（HTML、Javascript 等）相比，Mobl 具有不同的结构（尽管语法类似于 javascript）。但是理解它们并不需要太多时间。

4. 支持：这东西不好。在这个早期阶段，Mobl 社区非常受限制。

回答by Rafay

jQuery mobileis a good option to opt, it has Good documentation and supportalso hereis a good article, you'll get some idea which one to choose...

jQuery Mobile的是一个很好的选择，以选择，它具有良好的文档和支持，也是在这里是一个很好的文章，你会得到一些想法，选择哪一个？

回答by fynnbob

You may also want to take a look at PhoneGap (opensource). It also has a free build service in the cloud that will pump out native apps for most of the popular phones from a single source code base. I haven't tried it myself but it sounded intriguing.

您可能还想看看 PhoneGap（开源）。它还在云中提供免费的构建服务，可以从单一源代码库中为大多数流行手机推出本机应用程序。我自己没有尝试过，但听起来很有趣。

回答by Greg Guida

I would start with HTML 5 boiler plate. It's a little bit heavy but you can add or remove as much as you want from it. Definitely the most complete HTML5 template I've found. Then I would go with jQuery Mobile. It's not out of alpha yet, so it's expectedly a little bit buggy but there's a great community behind it and it has a good structure for creating plugins.

我将从HTML 5 样板开始。它有点重，但您可以根据需要添加或删除尽可能多的内容。绝对是我找到的最完整的 HTML5 模板。然后我会使用jQuery Mobile。它尚未超出 alpha 版本，因此预计它会有点问题，但它背后有一个很棒的社区，并且它具有用于创建插件的良好结构。

回答by user0b101010

You might also want to look into Google Web Toolkit, which enables you to write mobile HTML5 apps in Java. GWT has a templating system where you can include HTML and CSS, so that the major difference will be that you're writing in Java instead of Javascript. Sencha Touch which has been mentioned before, also comes in a GWT version called Gwt4Touch.

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

回答by Dan Esparza

I would also consider Skeleton.

我也会考虑Skeleton。

Docs / demo site here: http://www.getskeleton.com/

此处的文档/演示站点：http: //www.getskeleton.com/

回答by bdargan

There is also http://zeptojs.com, which is aiming at small footprint, < 5Kb with most jquery core features.

还有http://zeptojs.com，它的目标是占用空间小，< 5Kb，具有大多数 jquery 核心功能。