xcode4.3.1 phonegap环境下开发sencha touch 2.0

最近公司项目要求把一个纯js的项目内嵌到app里去,个人对javascript的掌握..实在是上不了台面，更别说是用sencha touch这种框架开发的移动项目了，所以在开始的几天里。发现把js项目导入到app里后。本地调用html并不起作用，对js又不熟悉，可以说是一愁莫展，不过。还好慢慢的在网上找了一些相关的资料，发现xcode可以安装phonegap(当然，这个框架我也没有深入了解)的开发环境来开发sencha touch，有需要的可以去官网下载，安装完后新建项目会多一个选项：

这个cordova-based的就是可以创建phonegap的项目的了，不知道他为什么要改为这个名，这个名很难记呐。新建项目的结构：

这样项目就建完了，下面就可以把你的js项目导入到app里去：

然后就可以在appdelegate.m里使用你的本地html:

这里phonegap默认是以www的文件夹为路径的。这里你可以修改为自己的文件夹。这样就内嵌sencha touch项目就基本完成了。但后面又遇到一个问题 。就是项目在模拟器上显示不了index.html。刚开始以为是自己配置的问题 ，但试着把sencha官方的例子测试后。发现配置没有问题 。也被这个问题困扰了几天呢。后面才发现在sencha项目里app.js文件里有一句代码在xcode上执行不了。但它又不报错。这让我欲哭无泪！！！！

代码如下：

viewport: {

       autoMaximize: true

    },

这句话为什么在xcode上执行不了。这个我也不知道。如果有知道的可以留下言。学习一下。只要注释了这句代码。ok，项目运行成功！

哦。最后。还有一个问题 要注意的。就是sehcha项目里有访问外部url的问题 。因为phonegap是有安全机制的。必须在cordova.plist文件里的ExternalHosts做以下操作：

记得把OpenAllWhitelistURLsInWebView设置为yes，在ExternalHosts加一下选项为*，*号的意思是可以匹配为任意字符的url。这样就可以访问外部的url了。

好了，基本就这些了。