iOS中UIWebView知识点

UIWebView的基础使用

1.创建UIWebView

CGRect bouds = [[UIScreen manScreen] applicationFrame];
UIWebView *webView = [[UIWebView alloc] initWithFrame:bounds];

2.设置属性

webView.scalesPageToFit = YES;//自动对页面进行缩放以适应屏幕
webView.detectsPhoneNumbers = YES;//自动检测网页上的电话号码，单击可以拨打
webView.opaque = NO; //若要设置页面背景，则需设置这个值

3.显示网页视图UIWebView

[self.view addSubview:webView];

4.加载内容

NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];//创建URL
NSURLRequest *request = [NSURLRequest requestWithURL:url];//创建NSURLRequest
[webView loadRequest:request];//加载

也可以加载一个本地资源:

NSURL *url = [NSURL fileURLWithPath:filePath];//创建URL
NSURLRequest *request = [NSURLRequest requestWithURL:url];//创建NSURLRequest
[webView loadRequest:request];//加载

UIWebView 还支持将一个NSString对象作为源来加载。你可以为其提供一个基础URL，来指导UIWebView对象如何跟随链接和加载远程资源：

[webView loadHTMLString:html baseURL:[NSURL URLWithString:@"http://baidu.com"]];

5.导航
UIWebView类内部会管理浏览器的导航动作，通过goForward和goBack方法你可以控制前进与后退动作：

[webView goBack];
[webView goForward];
[webView reload];//重载
[webView stopLoading];//取消载入内容

6.UIWebViewDelegate委托代理
UIWebView支持一组委托方法，这些方法将在特定时间得到通知。要使用这些方法，必须先设定webView的委托：

webView.delegate = self;

下面每个委托方法的第一个参数都是指向一个UIWebview的指针，因此你可以将一个委托用于多个网页视图。

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *) reuqest navigationType: (UIWebViewNavigationType)navigationType;//当网页视图被指示载入内容而得到通知。应当返回YES，这样会进行加载。

通过导航类型参数可以得到请求发起的原因，可以是以下任意值：

UIWebViewNavigationTypeLinkClicked
UIWebViewNavigationTypeFormSubmitted
UIWebViewNavigationTypeBackForward
UIWebViewNavigationTypeReload
UIWebViewNavigationTypeFormResubmitted
UIWebViewNavigationTypeOther

UIWebView控件加载网页的监听函数方法：

-(void)webViewDidStartLoad:(UIWebView *)webView ;//当网页视图已经开始加载一个请求后，得到通知。
-(void)webViewDidFinishLoad:(UIWebView *)webView ;//当网页视图结束加载一个请求之后，得到通知。
-(void)webView:(UIWebView *)webView DidFailLoadWithError:(NSError *)error;//当在请求加载中发生错误时，得到通知。会提供一个NSSError对象，以标识所发生错误类型。

UIWebView注意点

1.与UIWebView进行交互，调用web页面中的需要传参的函数时，参数需要带单引号，或者双引号（双引号需要进行转义在转义字符前加\）,在传递json字符串时不需要加单引号或双引号：

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    NSString *sendJsStr=[NSString stringWithFormat:@"openFile(\"%@\")",jsDocPathStr];
    [webView stringByEvaluatingJavaScriptFromString:sendJsStr];
}

2.在该代理方法中判断与webView的交互，可通过html里定义的协议实现：

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType```
3.只有在webView加载完毕之后在能够调用对应页面中的js方法。
4.获取webView页面内容信息：

NSString *docStr=[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.textContent"];//获取web页面内容信息
SBJsonParser *parserJson=[[[SBJsonParser alloc]init]autorelease];//此处获取的是个json字符串
NSDictionary *contentDic=[parserJson objectWithString:docStr];//将json字符串转化为字典

5.加载本地文件的方法：

//第一种方法：
NSString *path = [[NSBundle mainBundle] pathForResource:name ofType:@"html" inDirectory:@"mobile"];//mobile是根目录，name是文件名称，html是文件类型
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]]; //加载本地文件
//第二种方法：
NSString *resourcePath = [[NSBundle mainBundle] resourcePath];
NSString *filePath = [resourcePath stringByAppendingPathComponent:@"mobile.html"];
NSString *htmlstring=[[NSString alloc] initWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
[webView loadHTMLString:htmlstring baseURL:nil]];

6.将文件下载到本地址然后再用webView打开：

NSString *resourceDocPath = [[NSString alloc] initWithString:[[[[NSBundle mainBundle] resourcePath] stringByDeletingLastPathComponent] stringByAppendingPathComponent:@"Documents"]];
self.filePath = [resourceDocPath stringByAppendingPathComponent:[NSString stringWithFormat:@"maydoc%@",docType]];
NSData *attachmentData = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:theUrl]];
[attachmentData writeToFile:filePath atomically:YES];
NSURL *url = [NSURL fileURLWithPath:filePath];
NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
[attachmentWebView loadRequest:requestObj];
//删除指定目录下的文件
NSFileManager *magngerDoc=[NSFileManager defaultManager];
[magngerDoc removeItemAtPath:filePath error:nil];

7.处理webView展示txt文档乱码问题：

if ([theType isEqualToString:@".txt"]){
//txt分带编码和不带编码两种，带编码的如UTF-8格式txt，不带编码的如ANSI格式txt
//不带的，可以依次尝试GBK和GB18030编码
NSString* aStr = [[NSString alloc] initWithData:attachmentData encoding:NSUTF8StringEncoding];
if (!aStr){
//用GBK进行编码
aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000632];
}
if (!aStr){
//用GBK编码不行,再用GB18030编码
aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000631];
}
//通过html语言进行排版
NSString *responseStr = [NSString stringWithFormat:
@""
""
""
""
"%@"
"/pre>"
""
"",
aStr];
[attachmentWebView loadHTMLString:responseStr baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];
return;
}

8.使用webView加载本地或网络文件整个流程：

• (void)viewDidLoad {
  [super viewDidLoad];
  //从本地加载
  NSString *thePath = [[NSBundle mainBundle] pathForResource:@"iPhone_User_Guide" ofType:@"pdf"];
  if (thePath) {
  NSData *pdfData = [NSData dataWithContentsOfFile:thePath];
  [(UIWebView *)self.view loadData:pdfData MIMEType:@"application/pdf" textEncodingName:@"utf-8" baseURL:nil];
  }
  //从网络加载
  [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.apple.com/"]]];
  }

9.取消长按webView上的链接弹出actionSheet的问题：

-(void)webViewDidFinishLoad:(UIWebView *)webView{
[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout = 'none';"];
}

10.取消webView上的超级链接加载问题：

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
if (navigationType==UIWebViewNavigationTypeLinkClicked) {
return NO;
}
else {
return YES;
}
}

11.根据内容获取UIWebView的高度：
有时候需要根据不同的内容调整UIWebView的高度，以使UIWebView刚好装下所有内容，不用拖动，后面也不会留白。有两种方式可根据加载内容 获取UIWebView的合适高度，但都需要在网页内容加载完成后才可以，即需要在webViewDidFinishLoad回调中使用。
(1) 使用sizeThatFits方法。

• (void)webViewDidFinishLoad:(UIWebView *)webView{
  CGRect frame = webView.frame;
  frame.size.height = 1;
  webView.frame = frame;
  CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
  frame.size = fittingSize;
  webView.frame = frame;
  }

sizeThatFits方法有个问题，如果当前UIView的大小比刚好合适的大小还大，则返回当前的大小，不会返回最合适的大小值，所以使用 sizeThatFits前，先将UIWebView的高度设为最小，即1，然后再使用sizeThatFits就会返回刚好合适的大小。
(2) 使用JavaScript

• (void)webViewDidFinishLoad:(UIWebView *)webView{
  CGRect frame = webView.frame;
  NSString *fitHeight = [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight;"];
  frame.size.height = [fitHeight floatValue];
  webView.frame = frame;
  }

12.改变webView中的字体大小和颜色
(1) 改变字体大小，采用JavaScript

double fontSize=18;
NSString *fsString = [[NSString alloc] initWithFormat:@"document.body.style.fontSize=%f",fontSize];
[webView stringByEvaluatingJavaScriptFromString:fsString];

(2) 改变字体颜色

NSString *colorStr=@"purple";
NSString *fontColor=[NSString stringWithFormat:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor='%@'",colorStr];
[webView stringByEvaluatingJavaScriptFromString:fontColor];

**总结：**以上为UIWebView的基本知识点，熟悉UIWebView的基本属性及代理方法，将给我们带来很多方便。