iOS和HTML的交互——UIWebView基本使用
2018-06-08 本文已影响5人
听海听心
今天和大家一起来学习一下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];
}
// 实现代理方法——<UIWebViewDelegate>
// 即将加载网页的时候调用
- (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 = @"<div id = \"title\">hahaha<\\div>";
NSString * timeStr = @"<div id = \"time\">12:12<\\div>";
NSString * htmlStr = [NSString stringWithFormat:@"<html><head><\\head><body>%@%@<\\body><\\html>",titleStr,timeStr];
// webView加载html的数据
[self.webView loadHTMLString:htmlStr baseURL:nil];
