iOS开发UIWebView如何加载本地带有JS和本地图片的网页

因为客户需求，需要做个壳，把本地的网页加载进去，既然有需求就做呗，把客户给的网页和一些资源的文件夹拖进工程，选择了Create groups。然后用了以下代码

    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:path];
    NSString *htmlPath = [path stringByAppendingPathComponent:@"index.html"];
    NSString *htmlCont = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
    [self.webView loadHTMLString:htmlCont baseURL:baseURL];

运行没问题，但是图片不加载，JS不管用，纳闷了，去网上搜解决方案。

然后看到这篇文章http://www.th7.cn/web/html-css/201412/70846.shtml

里面谈到“要注意的是：所有在应用内的资源文件都是在baseURL的根目录也就是此代码中的bundlePath的根目录，所以图片资源，不管在项目里面放在哪个目录结构下，在HTML内引用的时候，都是直接根目录的。”

然后我想到客户给的网页里的资源图片是放在独立的文件夹的，html中调用图片的路径肯定有问题。

既然发现了问题所在，那就好办了，只要导入网页资源的时候不然图片等资源在根目录就好，那么如何在导入文件的时候让文件按原来的路径导入呢？当然是在导入文件的时候选择Create folder references。（关于Create groups和Create folder references的区别可以参考这篇文章：http://www.2cto.com/kf/201401/270830.html）

解决方案：

1.删除之前的网页资源，重新导入网页文件夹，选择Create folder references!

2.更改代码为以下

    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSString *folderPath = [path stringByAppendingPathComponent:@"test"];
    NSURL *baseURL = [NSURL fileURLWithPath:folderPath];
    
    NSString * htmlPath = [folderPath stringByAppendingPathComponent:@"index.html"];
    NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
    [self.webView loadHTMLString:htmlCont baseURL:baseURL];

再次运行，网页中的图片出现了！问题解决。

另外，对路径不熟悉的同学可以把上面几个路劲打印出来，然后在Finder里去查看，会一目了然。