您所在的位置： &
三大移动Web开发框架哪个适合你？(1)
三大移动Web开发框架哪个适合你？(1)
本文由世界知名的PHP开发人员W.Jason Gilmore，在developer上撰写的一篇比较目前主流移动Web开发框架的文章。文章探讨了jQuery Mobile、jQTouch和Sencha Touch究竟哪个更适合开发者。
【51CTO独家译文】经常浏览的读者也许注意到了这点：我最近特别关注JavaScript驱动的移动应用开发解决方案，先后撰文介绍了众多的相关话题，包括jQuery
Mobile、jQTouch、Sencha
Touch和PhoneGap。我得承认，要搞清楚这一批前沿技术并非易事，于是我这回概述一下这些主要的移动开发解决方案的主要特性和优点(51CTO注：PhoneGap未作介绍，欲了解更多PhoneGap内容请移步51CTO专题：)。但愿这篇概述多少可以帮你确定哪一种解决方案最适合你项目的具体要求。
jQuery Mobile适合你吗?
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="300" src="/files/uploadimg/3370.jpg" style="FLOAT: right" alt="" />差不多二十年来，处理跨浏览器的HTML和CSS不一致问题一直让许多开发人员颇为苦恼。而Ajax的出现更是加剧了这些问题，因为开发人员现在要处理新的问题：无数与JavaScript有关的浏览器不兼容问题和异常现象。后来出现了jQuery：由于可以对基本的JavaScript任务进行强大的抽象处理，jQuery大大减轻了编写复杂的跨浏览器代码方面的压力。难怪jQuery一下子火了起来。
眼下移动应用开发人员面临可能更艰巨的挑战，这不仅是由于要处理各种各样的移动浏览器不兼容问题，还由于需要设计合理布局，以便适合移动设备所固有的各种外观尺寸和有限资源。这时候，jQuery
Mobile应运而生，它自诩是&一种针对触摸而优化的Web框架，面向智能手机和平板电脑&，可以充分发挥jQuery和jQuery
UI(51CTO注：查看jQuery UI实例)的优势。
虽然jQuery
Mobile目前仍是测试版(第二个测试版在去年8月3日宣布发布)，但已经支持数量多得惊人的移动平台，包括安卓、黑莓、iOS和Windows
Mobile等其他平台。同样出色的是，它还支持众多的窗口组件：由于jQuery Mobile对渐进增强(progressive
enhancement)很重视，开发人员可以利用这些窗口组件，轻松创建统一的、跨移动设备的界面。务必将演示程序(51CTO注：查看演示程序地址)装入到众多不同的设备上(包括你的桌面浏览器)，领略一下界面是如何变化以适合目标设备的。
此外，务必从桌面浏览器里面来查看演示程序的源代码;连刚入门的jQuery用户也会注意到该程序的代码很注重全面隔离页面布局和JavaScript驱动的功能。你会看到，整个应用程序都在一个文档里面，每个&页面&及其组成部分使用与自定义属性有关的DIV来定义。比如说：
&id=&home&&target=&_blank&&&&&WJGilmore,&LLC&&&&&&&&&&Check&back&regularly&for&the&latest&information&about&Jason's&books!&&&&&&&&&&&&&&Copyright&&&2011&W.J.&Gilmore,&LLC&&&/div&
jQuery Mobile的主要特性
虽然使用jQuery Mobile的理由有多个，但是下面三个理由显得尤为突出：
jQuery开发人员使用jQuery Mobile时会觉得驾轻就熟，那是由于两者使用共享的代码库。
如果目标用户群并不局限于使用某一种设备，关注跨平台兼容性这个优点很理想。
社区和企业的广泛参与促使像Dreamweaver CS 5.5这些广受欢迎的开发产品和像非常出色的Photo
Swipe这一批值得关注的插件内置了对jQuery Mobile的支持。
51CTO专题推荐：
内容导航&第 1 页： &第 2 页： &第 3 页： &第 4 页：
关于&&&&的更多文章
Sencha Touch是第一个基于Html 5专门为移动设备开发应用的JavaSc
开发者在代码开发和维护中，往往会遇到很多代码优化和
现在的天气越来越冷了，感觉跟冬天似的，小编现在在发
在经过数月以及6个测试版本的体验后，iOS 7正式版终于
本书面向企业网络应用需求，详细介绍了Windows网络互联解决方案、中小企业共享上网解决方案、基于ISA Server 2006的代理服务器与
Windows Phone专家
Android开发专家
51CTO旗下网站用jQuery Mobile做HTML5移动应用的三个优缺点 - 文章 - 伯乐在线
& 用jQuery Mobile做HTML5移动应用的三个优缺点
& 来源： &&&&
英文原文：，编译：伯乐在线——
在过去大约一个月的时间里，我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS应用程序（分别用Java和Objective-C），因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代，这样的许诺十分诱人。
JQuery Mobile & HTML5
使用HTML5和JavaSript构建一个手机应用，你需要写很多JavaScript代码。然而，带有触摸屏的设备的UI控制和处理与标准的Web应用程序非常不同。因此，你会想要使用现成的手机HTML5/JavaScrip框架（除非你有很多的时间并且打算将所有东西重新构建）。现在有很多现成的框架可供选择：、
我成为JQuery的粉丝已经很多年了，尤其欣赏它的至简哲学以及出色的核心特性和插件以及社区的贡献。正是由于有JQuery，我才能够接受使用JavaScript开发。所以，当听到 Chris McDonough（ 框架的作者）发布JQuery的好消息时，我知道我应该去试一试。
JQuery Mobile 和 HTML5 的 3个优点
1. 上手迅速并支持快速迭代：在一个星期多一点的时间里，通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobile书籍，我完成了一个可以工作的app初步版本。在此之前我没有HTML5 / JQuery Mobile开发经验。与Android和iOS相比，使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。
译注：原生系统：原装的操作系统，例如Android原生系统是Google发布未经修改的系统。在本文中，原生应用指直接用系统提供的API开发的程序，与JQuery Mobile开发的程序相对应。
我发现Apple的Builder接口的学习曲线十分陡峭，同样学习令人费解的Android布局系统也很耗时间。此外，要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的（在Android上是ListView, 在iOS上是UITableView）我能够通过已经掌握的JavaScript和HTML/CSS知识快速地实现同样的功能，无需学习新的adapter,delegate等等抽象概念，只要编写JQuery代码就可以做到。
2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦：为手机开发应用，尤其是iOS系统的手机，最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户，你需要等待一个相当长的过程（需要好几天，甚至可能是好几周）。不仅在第一次发布程序时要经历磨难，以后的每一次升级也是如此。这使得QA和发布流程变得复杂，还会增加额外的时间。由于JQuery Mobile应用程序仅仅是一种web应用程序，因此它继承了所有web环境的优点：当用户加载你的网站时，他们就马上“升级”到最新的版本。可以马上修复bug和添加新的特性。即使是在Android系统——应用市场的要求比起Apple环境要宽松得多，在用户不知不觉中完成产品升级也是一件很好的事情。
进一步的好处是，发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了！不需要考虑iOS令人抓狂的DRM，也不需要理会Android必须的APK。
3.支持跨平台和跨设备开发：一个巨大的好处是，我的应用程序马上可以在Android和IOS上工作，同样也可以在其他平台上工作。作为一个独立开发者，为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作，为每个平台重复做类似的事情需要大量的资源。应用程序能够在Android和IOS设备上同时工作对我来说是一个巨大收获。
更进一步，尤其是对于运行Android各种分支的设备，它们大小和形状各异，想要让你的应用程序在各种各样屏幕分辨率的手机上看起来都不错，这是真正的挑战。对于要求严格的Android开发者来说，按照屏幕大小进行设屏幕分割（从完全最小化到最大进行缩放）会需要很多开发时间。由于浏览器会在每个设备上以相同的方式呈现，关于这个方面你不必有任何担心。
JQuery Mobile 和 HTML5 的3个缺点
1.比原生程序运行慢：在我看来最大的缺点是，即使是在最新的Android和iOS硬件上（双核Tegra 2 Android手机，双核iPad2平板），JQuery Mobile应用程序都会明显慢
于原生程序。尤其是在Android上，浏览器比起iOS更慢且bug更多（虽然谷歌是专注web领域的公司）。我没有在更早的Android设备上测试我的程序，也许根本就不能运行（例如Android G1）。我相信在未来的12-24个月，硬件速度会很快得到提升（例如，四核设备2011年马上就要上市），性能也许很快就不会成为问题。但是今天，它确实是一个缺点。如果你只专注于iOS，你大可以期待一下浏览器的性能，至少它在这方面是可靠的（不像Android，黑莓等等）
2.古怪（跨浏览器、跨平台开发）：JQuery Mobile现在仍是beta版本，因此我遇到了很多bug。也就是说，JQuery团队还在积极地回复GitHub上提出的问题。我认为其中最大的一个问题是各种浏览器在不同的手机平台上古怪的表现。这个问题一直为人诟病。应用程序可能看上去有些古怪——虽然我认为JQuery Mobile团队在widget和主题上做得很棒，但的确和原生程序看起来有显著的不同。这个问题到底对用户有多大影响不得而知，但是这一点需要引起注意。
3. 有限的能力 vs 原生程序：很明显，运行在浏览器上的JavaScript不能完全地访问设备的很多特性。一个典型的例子就是摄像头。然而，类似PhoneGap这样的工具能够帮助解决很多常见问题。实际上，我已经开始将我的应用程序通过PhoneGap将几个版本部署到iOS和Android上，使用的是原生Facebook绑定，效果令我映像深刻。我会在未来的博客中写一些使用PhoneGap的经验。
总的说来，我认为使用JQuery Mobile和HTML5作为手机应用开发平台是可行的。然而，这并不适用于（至少到目前为止）所有类型的应用程序。对于简单的内容显示和数据输入类型的应用程序（相对的是需要丰富多媒体/游戏程序），它是对原生程序一个有力的增强。我对自己的应用程序使用新平台的结果感到高兴——不再需要同时为Android和iOS维护我的健身跟踪软件。
在接下来的1-2年中，随着硬件变得越来越快，手机设备越来越多样化，我相信HTML5 （JQuery Mobile， PhoneGap， 等等）在手机应用开发中会成为更加重要的技术。
英文原文：，编译：在线——
【如需转载，请在正文中标注并保留原文链接、译文链接和译者等信息，谢谢合作！】
关于作者：
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2016 伯乐在线移动前端开发框架jQuery Mobile,基于jQuery
12:04:35　
　　浏览次数：100 次　
什么是jQuery Mobile? jQuery Mobile 是（MT）Media Temple联合多家移动设备厂商以及软件企业共同发起的的针对触屏智能手机与平...
什么是jQuery Mobile? jQuery Mobile 是（MT）Media Temple联合多家移动设备厂商以及软件
企业共同发起的的针对触屏智能手机与平板电脑的WEBAPP以及在线应用的前端开发框架。
First thing , we should take care and be able to block having bogus
. You will know , the pricing usually are too high . And so incorrect options can carry us more draw downs to a little length . At the side of personal to learn various theoretical data with vibrant adventure , many of us need also find a selection of competent vendors or maybe web sites . To rise the reliability of the opportunity or shield the well being of the patrons , the good quality piece provider commonly delivers much better&&at smaller fee .
jQuery Mobile构建于Jquery ，为前端开发人员提供了一个兼容所有主流移动设备
平台的统一UI接口系统。拥有出色的弹性，轻量化以及渐进增强特性与可访问性。
jQuery Mobile 具有以下特性：
& & 在流行的移动平台上，都具有HTML5的支持，所以HTML5具体跨平台特性
& &非常容易上手
3.丰富的UI主题
& &jQuery Mobile 提供丰富的主题
& &主题地址：
4.定制下载
& 可以按照因需定制下载
目前jQuery Mobile 最新版本是&JQUERY MOBILE 1.4.0 BETA&
本网站刊登此文只为传递信息，并不表示赞同或者反对作者观点。
如果此内容给您造成了负面影响或者损失，本站不承担任何责任。
如果内容涉及版权问题，请及时与我们取得联系。
本栏目推荐&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码！&&完最代码开发面向移动端的wap网站，用jQuery Mobile开发还是继续bootstrap开发？我看oschina的wap页面就是用jquery mobile开发的，但网上有人说性能不太好，尤其对android端，不知道牛牛们是否有经验赐教下。10个牛币所有回答列表(11)&LV4看了大家的答案，很感谢。最终还是决定选用bootstrap，理由如下：1.jquery-mobile建wap站确实很快，但外观已经定型，对未来最代码wap网站过早定位不太好2.性能问题尚未确认，但既然有人反馈过确实是有待商榷3.开发周期上或许bootstrap会比jquery mobile长些，但凭我对bootstrap的熟悉程度应该不比jquery mobile慢。4.stackoverflow上也有人问题，很多人都赞同了，而且偏向用bootstrap吧，答案如下：I don't know if &better& is something you can answer since they serve different purposes. Bootstrap is great all-purpose CSS library whereas jQueryMobile is closer to a framework. Meaning jQueryMobile doesn't just make your pages look nice- it gives a lot of mobile oriented features such as- swipe-events, page transitions, allows for single page applications (since it will only show a single div with data-role='page' at a time), AJAX preload and history API, and lots of touch friendly components/widgets. Whereas bootstrap is foremost a CSS library mostly for desktop but works on mobile as well especially since 2.0 comes with media queries built in. Bootstrap will not help you with touch friendly lists, checkboxes, select menu's, etc.One more thing to point out, jQueryMobile takes your markup and dresses it with all sorts of pretty stuff using JavaScript. Bootstrap has some javascript, but only for optional components, the rest is CSS.So to answer IMHO- if you're a making a web application that you explicitly plan on using primarily on mobile devices go with jQueryM Anything else go with Bootstrap- it's really quite awesome.原文：/questions/9242012/twitter-bootstrap-vs-jquery-mobile最佳答案我们公司现在都是用Html5了。。。我觉得H5也很不错啊。。&LV2ng&LV2用bootstrap比较好我个人觉得，它支持html5，不存在浏览器的兼容问题，效果也比较好些！我觉得柯林做的挺好的，只是不知道技术原理。&LV3jquery mobile 在性能上 是有些明显的不足，我曾经用jquery mobile 开发过一个工厂的app 程序运行方面不是特别理想 就一个特点 慢。还有一个就是 jquery mobile 的界面（UI）不是特别好看。话说回来，jquery mobile开发上手快 ，语法不是特别的难个人愚见 见谅...JM很臃肿，建议用bootsrap&LV1bootsrap&还是不错的！都很优秀，就是jm反应略迟钝&&z赞mui&等等等等等等等等完等等等最热搜索问答话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关问答等完等等等完等完完完完完最近浏览暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友