PhoneGap + JQueryMobile真速度

最近一直在想写个app玩玩,可是选iOS吧,没有可以安装Xcode的设备(穷死算了……),选Android的把,他们家的Manifest.xml和Layout设置实在是麻烦(懒死算了……)。选来选去就拖着了……

恰巧最近发现很久之前听说过的PhoneGap被Adobe收购了,心想有了靠山是不是这个项目能靠谱点了?而JQueryMobile也终于放出了1.0版本。于是在想,是不是可以试试HTML5 app的办法呢。如果能行,还可以跨平台,听起来很有吸引力。

所以今晚花了两个小时学习了一下,环境还是选取了Android开发环境,因为之前自己的机器上有一个为了调试而搭建起来的Eclipse + ADT + Android SDK 开发环境。

接下来按照PhoneGap的入门指导,下载了PhoneGap的最新版本(1.2.0)。解压后将它提供的jar包和js文件导入新建的Android项目,再照抄了一个指导上给出的AndroidManifest.xml,修改了默认的Activity以加载一个自己写的index.html,就弄好了一个能够运行的Android app,这个app唯一的作用就是在页面上load一个html页面。

然后开始构建UI,老实说我是JS+CSS苦手,但是相比于Android自己的UI Layout,好歹还算熟悉一点。直接把index.html里包含了CDN上的JQuery Mobile的js和css文件,简单摆弄了几下,就有了如下的效果了:

prompt

list

怎样?从速度和最终效果方面来说还算是经济实惠靓又平吧?

再仔细研读一下这两个项目的文档,诸多亮点。JQuery Mobile已经开始支持触摸手势,自带的样式美观度已经至少不弱于Android的UI,而PhoneGap则提供了可以通过Javascript调用的Android系统API,支持包括罗盘,GPS,联系人,相机,通知,存储(!)在内的多种系统功能。

最后具体到性能方面,因为我是用的虚拟机,所以基本上性能怎么样也是是屎……不过我觉得,即使因为性能问题它成不了一个产品级的开发框架,但至少在快速原型开发和临时性的多平台支持方面还是很有前途的。

本文网址:http://blog.perlfect.me/2011/11/28/jquery-mobile-and-phonegap.html

comments powered by Disqus