ios--UIWebView使用本地资源(解决方案)

深藏阁楼爱情的钟 2022-08-11 11:30 209阅读 0赞

原文转自：[http://www.360doc.com/content/13/0115/14/11991\_260310061.shtml][http_www.360doc.com_content_13_0115_14_11991_260310061.shtml]

今天用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:\[NSURLfileURLWithPath:filePath\]\]\];

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

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

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:\[NSURLfileURLWithPath:baseURL\]\];

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

[http_www.360doc.com_content_13_0115_14_11991_260310061.shtml]: http://www.360doc.com/content/13/0115/14/11991_260310061.shtml