phonegap 搭建ios 修改index.html地址

• 使用PhoneGap开发基于Html5应用一：PhoneGap简介 中我介绍了如何从phonegap官网上下载源码并启动第一个应用，今天我们把phonegap的应用稍微改一下，让他实现几个比较牛叉的功能：

  1.启动一个网页

  2.启动摄像头

  3.启动定位

  老规矩，在实现这几个功能之前我们先讲一下原理性的东西：

  首先我们先回顾一下上次说的，其实phonegap应用中有个特别的webview，它就是CDVViewController，关于这个类我们后面再详细描述，现在我们先了解这个类到底做了什么，它其实就是调用iOS设备的控制器类，那么他凭什么知道用户要调用摄像头之类的设备呢，那就是通过解析html的js代码。

  phonegap自己定义了一些js代码，让这些JS代码跟CDVViewController这个类去交互，CDVViewController的作用就是判断服务器端的html代码，如果是普通的html就直接显示，如果碰到Phonegap自定义的JS代码就“翻译”成调用iOS内设的代码。好的，概念介绍完毕，如果大家还不懂的话，我们下面开始看例子。

  
  

  如图是官方的demo应用的目录，我们只需要运行后找到软件包即可（如图，扩展名为app的意思是，它是mac系统的应用程序，但实际情况呢，它是iOS的应用，也就是说扩展名是ipa，所以可以通过iTunes来转变格式，这个就不多说了，大家知道这个意思即可）。打开后看见如下列表：

  
  

  可以看见www文件夹位于应用中，下有两个文件，一个js文件，一个html

  再看看xcode中Appdelegate代码：

  view source print ?

  1. self.viewController.wwwFolderName = @"www";

  2. self.viewController.startPage = @"index.html";
  
  这两句的意思就是指明了目录名和文件名

  如果改成

  view source print ?

  1. self.viewController.startPage = @"http://www.baidu.com";
  
  就可以实现加载百度首页的功能，效果如下：

  
  

  很显然百度首先显示出来是没有任何问题了。