选择移动Web HTML5框架

131

对于新项目，我一直在寻找一个支持HTML5的框架，该框架可以在移动电话（即iPhone，iPad）上运行。我发现了这些：

对我来说主要的是HTML5。尽管我研究了它们提供的功能，但我只是想了解您对它们的使用经验。

寻找时，我应该去哪一个？

  • 快速开始
  • 好的文档
  • 类似的Webway开发
  • 对移动平台的良好支持
javascript  jquery  html  mobile 
— 萨夫拉兹
source
5
我会选择jQuery Mobile。这可能广告东西，你的决定- stackoverflow.com/questions/5071369/...
— jimmystormig
我对看到答案很感兴趣。与那些生成html / js / css的开发环境（可能像webapp世界中的Cappuccino）相反，这些框架中有多少增强了html / js / css（例如jQuery Mobile）？
— johnhunter 2011年
这将有助于指定您要构建的内容。模仿本地应用程序，列表，轮播，动画的网络应用程序？您不需要创建可在移动设备上使用的HTML5文档的框架。
— 2011年
3
您需要弄清最终要构建的内容：webapp还是本机应用程序（但使用HTML5开发）？除了Titanium之外，大多数框架都是针对webapp的，您需要做一些额外的工作才能将它们包装在本机应用程序中。但是本机应用程序比Web应用程序强大得多，尤其是您要在iOS中发送电子邮件和上传文件时。
— vincicat 2011年
2
这个问题的明确答案是什么？对我来说似乎很主观。
— Phrogz'3

Answers:

123

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

jQTouch：
大量使用CSS，不使用JavaScript，使用MIT许可证
对于提供快速入门但没有太多文档的框架，请使用jQTouch。它几乎不需要任何入门，并且编码非常简单。它使用CSS类来检测适当的动画和交互。

Sencha Touch：
几乎完全是 JavaScript，GPL，未经许可不得在商业网站上使用
如果您要构建具有大量视觉交互的复杂企业应用程序，我强烈建议您使用Sencha Touch，该文档已被大量文献记录，并拥有一支强大的专业团队支持。

M-Project：
MIT许可证（大量使用JavaScript）似乎在Alpha中，可能有错误。
尽管我自己从未与M-Project合作（感谢指出），但它确实非常健壮，并且编码样式似乎与基于ExtJS的Sencha Touch非常相似，因此，如果您的团队已有使用ExtJS的经验，那么考虑这些框架之一可能是明智的。

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

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

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

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

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

示范应用

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

— 萨姆舒尔
source
4
jqTouch被Sencha收购，创建了Sencha Touch。jqTouch基于jQuery，Sencha Touch已移植到ExtJS
— pakman 2011年
jQTouch仍然是开源的，并且Sencha Touch是ExtJS的端口
— samshull 2011年
1
注意jQuery Mobile中的非本地选择框。它们会杀死您手机的记忆。
— 杰森·塞布林
我创建了一个开源项目propertycross.com，它通过显示用Sencha，Titanium，Xamarin等实现的相同应用程序来帮助选择一个跨平台的移动框架……
— ColinE 2012年
4
您是什么意思以企业为中心？
— Mark Boulder 2014年
14

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

— eos87
source
9

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

— 侯赛因
source
7

我在这里推荐的这个框架是一个相当新的框架，但是您将来可能会尝试使用它：用于移动应用程序的Mobl-HTML5。

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

关于您的要求：

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

  2. 文档：本教程足够好，但我缺乏完整的结构导航。希望他们会尽快添加。

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

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

— 洪龙
source
4

您可能还想看看PhoneGap（开源）。它还在云中提供了免费的构建服务，该服务将通过单一源代码为大多数流行的电话提供本地应用程序。我自己还没有尝试过，但是听起来很有趣。

— Fynnbob
source
3

我将从HTML 5样板开始。它有点重，但是您可以根据需要添加或删除任意数量。绝对是我找到的最完整的HTML5模板。然后我将使用jQuery Mobile。它还没有超出alpha版本，因此它可能会有一些问题，但是背后有一个强大的社区，并且它具有创建插件的良好结构。

— 格雷格·吉达
source
3

您可能还需要研究Google Web Toolkit，它使您能够用Java编写移动HTML5应用程序。GWT有一个模板系统，您可以在其中包含HTML和CSS，因此主要区别在于您使用Java而不是Java语言编写。前面已经提到过的Sencha Touch，也有GWT版本Gwt4Touch。

— 用户0b101010
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.