[iOS_Dev] UIWebView使用本地资源

[iOS_Dev] UIWebView使用本地资源

转载 来源：http://iosdeveloper.diandian.com/post/2012-08-27/40038497383

今天用UIWebView加载本地资源时，遇到了些问题：html中引用的资源不能带路径，否则就找不到，然而如果不加路径的话，会给前端工程师带来麻烦，资源目录结构会很混乱。上网查资料，发现很多人遇到过这个问题，但没查到好的解决办法。研究了一下，找到了办法，分享给大家。

UIWebView提供了3种加载页面的方式：

- (void)loadRequest:(NSURLRequest *)request;
- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;
- (void)loadData:(NSData *)data MIMEType:(NSString *)MIMEType textEncodingName:(NSString *)textEncodingName baseURL:(NSURL *)baseURL;

这里我只讲前两种，最后一种应该不常用。

- (void)loadRequest:(NSURLRequest *)request

这个方法常用于加载指定url的网页，但其实它也能用来加载本地资源，而且很方便。

NSString *filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"Htmls"];
[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:filePath]]];

这样就把Htmls/index.html加载到webview里了。需要注意的是，Htmls这个文件夹是以”create folder references for any added folders“方式引入的，而非默认。这样做有两个好处，一是编译之后，资源的目录结构会和当前项目保持一致，而不会乱七八糟的散落在.app包中，也因此资源文件可以被html轻易找到；二是finder中文件目录的改变会直接映射到项目中，无需在xcode中手动增删文件。

index.html中，前端工程师引用了样式表

<link rel="stylesheet" type="text/css" href="./css/base.css">

base.css这个文件的路径是其实是xxx.app/Htmls/css/base.css，而不是xxx.app/css/base.css，它可以被找到，原因是loadReqest这种方式会把当前load的这个html文件的路径作为baseURL。

- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL

这个方法用于直接加载html代码。如果html没有存在文件中，推荐使用这种方法。当然你也可以用这个方法从本地html读取代码，然后加载。但此时请注意baseURL要传对，否则html中引用的资源是找不到的。

继续用上面的例子，要正确加载资源，你得这么写：

NSString *baseURL = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"Htmls"];
[self.webView loadHTMLString:htmlString baseURL:[NSURL fileURLWithPath:baseURL]];

这样，前端工程师就可以很习惯的跟你配合开发了~