iOS和HTML的交互——UIWebView基本使用

今天和大家一起来学习一下UIWebView基本使用，有疏忽的地方，还望各位不吝赐教。

---

一、UIWebView简介

UIWebView是iOS内置的浏览器控件
UIWebView 不但能加载远程的网页资源，还能加载绝大部分的常见文件
系统自带的Safari就是利用这个实现的
内存泄露问题是控件本身的问题

二、UIWebView基本使用

// 设置URL
NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];
// 加载网页
[self.webView loadRequest:[NSURLRequest requestWithURL:url]];
// 缩进设置
self.webView.scrollView.contentInset = UIEdgeInsetsMake(40, 0, 0, 0);
// 设置自适应
self.webView.scalesPageToFit = YES;
// 设置对html标签的识别 像是电话和网址之类的
self.webView.dataDetectorTypes = UIDataDetectorTypeAll;
// 设置代理
self.webView.delegate = self;
// 回退
- (void)back:(id)sender {
    
    [self.webView goBack];
}
// 前进
- (void)forward:(id)sender {
    
    [self.webView goForward];
}
// 刷新
- (void)reload:(id)sender {
    [self.webView reload];
}

// 实现代理方法——
// 即将加载网页的时候调用
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

    // 在这里可以进行URL的过滤
    NSLog(@"%@",request.URL.absoluteString);

    return YES;
}

// 开始加载网页的时候调用
- (void)webViewDidStartLoad:(UIWebView *)webView{

    NSLog(@"webViewDidStartLoad");
}

// 加载完成的时候调用
- (void)webViewDidFinishLoad:(UIWebView *)webView{

    // 只有当网页加载完毕后你才知道能不能前进和后退
    self.backBtn.enabled = self.webView.canGoBack;
    self.forwardBtn.enabled = self.webView.canGoForward;
    NSLog(@"webViewDidFinishLoad");
    
}

// 加载失败的时候调用
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{

}

三、HTML和原生进行交互的实现

在这里只讲如何实现，如果你使用的是第三方，实现思路差不多。
先从服务器获取相应的HTML的数据，进行数据转模型，然后进行模型数据的处理。
1、样式处理：

• 处理的过程可以通过添加CSS进行样式的调整，直接创建CSS文件，通过MainBundle进行查找，然后通过创建HTML标签字符串进行引入。

2、交互处理：

• 对于需要添加交互的控件，首先建立JS文件，通过JS相关方法找到标签，然后点击之后的方法可以在JS中进行实现。
• 在原生文件中写好需要调用的原生方法后，通过UIWebView的代理方法进行拦截，如何拦截呢，在shouldStartLoadWithRequest代理方法中可以得到absoluteString。
• 获取到absoluteString意味着你可以再JS中规定一个跳转协议，如果shouldStartLoadWithRequest中获取的absoluteString得到该协议字符串，那么就可以截取其中的信息。
• 把信息截取后，通过原生包装成方法，就可以调用了，最终都是在UIWebView中加载的。

// 这里说点HTML数据如何加载
// 通过模型把标题和时间进行拼接
NSString * titleStr = @"
hahaha<\\div>";
NSString * timeStr = @"
12:12<\\div>";
NSString * htmlStr = [NSString stringWithFormat:@"<\\head>%@%@<\\body><\\html>",titleStr,timeStr];
// webView加载html的数据
[self.webView loadHTMLString:htmlStr baseURL:nil];

---

写在最后的话：关于UIWebView相关的知识今天就分享到这里，关于UIWebView方面的问题欢迎大家和我交流，共同进步，谢谢各位。