ios--UIWebView使用本地资源(解决方案)
2014-08-26 14:43
274 查看
原文转自: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中,前端工程师引用了样式表
<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中引用的资源是找不到的。
继续用上面的例子,要正确加载资源,你得这么写:
这样,前端工程师就可以很习惯的跟你配合开发了~
今天用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中,前端工程师引用了样式表
<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中引用的资源是找不到的。
继续用上面的例子,要正确加载资源,你得这么写:
这样,前端工程师就可以很习惯的跟你配合开发了~
相关文章推荐
- ios开发之使用UIWebView打开本地的HTML、txt、PDF、PPT文件、打开远程的共享资源
- UIWebview使用缓存并且保证实时性(iOS web资源缓存解决方案、异步后台更新。离线缓存)
- [iOS_Dev] UIWebView使用本地资源
- [IOS]UIWebView 请求网络页面或者加载本地资源页面
- iOS基础网络教程-Swift版本: 3.使用UIWebView加载本地的数据
- [IOS]UIWebView 请求网络页面或者加载本地资源页面
- iOS中,关于UIWebView网页数据本地缓存原理和实际使用。
- UIWebView使用本地资源
- ios-day20-02(使用UIWebView加载Bundle或者沙盒中的本地文件(PDF、txt、doc))
- [IOS]UIWebView 请求网络页面或者加载本地资源页面
- UIWebView使用本地资源
- IOS的UITextField,UIButton,UIWebView的一些属性介绍和IOS图片资源的使用技巧
- win2003 iis6 的"请求的资源在使用中"(无法运行ASP程序)终极解决方案
- Xcode项目使用NSBundle找不到资源解决方案
- 使用远程桌面连接的本地打印机资源
- Silverlight本地数据库解决方案之使用Sterling数据库
- iOS-利用本地数据来代替远程UIWebView请求
- 安装MSDN后,使用本地连接查询 “无法显示该网页” 解决方案
- 在uiwebview中加载本地资源图片
- monotouch在使用uiwebview时加载本地html文件时的图片显示