随着H5的大火，手机端的页面很多也被网页端侵蚀了，作为手机端的开发人员，就算不需要学会H5的开发，如何和h5（js）交互也成为了必要的技能，其中UIWebView的使用则是最最最基本的了，本文将从最基本处开始，直到与之交互，再收录些许扩展，记录一下这些知识以备后用。
1.代理方法
#pragma mark - webview代理方法
- (void)webViewDidStartLoad:(UIWebView *)webView
网页开始加载，基本上不怎么用到，网页加载过程中的一些事情可以在此时做；
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
这是与网页交互的桥梁，如果想要与网页互动，和H5协商好，不管是拼接URL，还是调用js，还是怎样，在此方法都可实现；
- (void)webViewDidFinishLoad:(UIWebView *)webView
页面加载完成的操作，比如显示网页的标题等等
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
网页加载失败的方法，可以设置一个失败的页面，最好不要白的，提高用户体验。
这四个方法是一定会用到的。
2.初始化方法
我们经常是需要给webview添加进度条和下拉刷新控件，
一般情况下，用一些很好的第三方的就完全够用了，比如，进度条使用NJKWebViewProgress实现，刷新嘛，当然是MJRefresh咯。
代码如下：
在.h添加 UIWebViewDelegate,UIScrollViewDelegate,NJKWebViewProgressDelegate
@property (nonatomic,strong) NJKWebViewProgress *webViewProgress;
@property (nonatomic,strong) NJKWebViewProgressView *webViewProgressView;
在.m页面初始化的时候实现
_webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight - 64 - 49)];
_webView.scrollView.mj_header =[MJRefreshNormalHeader headerWithRefreshingBlock:^{
[_webView reload];
}];
[_webView setBackgroundColor:[UIColor clearColor]];
[[_webView scrollView] setShowsVerticalScrollIndicator:NO];
[self.view addSubview:_webView];
[self setAutomaticallyAdjustsScrollViewInsets:NO];
_webViewProgress = [[NJKWebViewProgress alloc] init];
_webView.delegate = _webViewProgress;
_webView.scrollView.delegate= self;
_webViewProgress.webViewProxyDelegate = self;
_webViewProgress.progressDelegate = self;
CGRect navBounds = self.navigationController.navigationBar.bounds;
CGRect barFrame = CGRectMake(0, navBounds.size.height - 2, navBounds.size.width, 2);
_webViewProgressView = [[NJKWebViewProgressView alloc] initWithFrame:barFrame];
_webViewProgressView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin;
_webViewProgressView.backgroundColor = self.navigationController.navigationBar.backgroundColor;
[_webViewProgressView setProgress:0 animated:YES];
[self.navigationController.navigationBar addSubview:_webViewProgressView];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[_webView loadRequest:request];
#pragma mark - NJKWebViewProgressDelegate
-(void)webViewProgress:(NJKWebViewProgress *)webViewProgress updateProgress:(float)progress
{
[_webViewProgressView setProgress:progress animated:YES];
}
当然，如果页面加载完要设置标题的话：
if (webView.isLoading) {
return;
} else {
[_webView.scrollView.mj_header endRefreshing];
_webviewTitle = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
[self.navigationItem setTitle:_webviewTitle];
}
页面消失的时候需要：
[_webView stopLoading];
[_webViewProgressView setProgress:0 animated:YES];
这些基本的其实都可以一成不变了
3.webview失败页面处理
既然是网页的加载，必然出现失败的情况，失败的处理也非常重要，但是很简单，只需实现
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
//如果上一个请求还没完，又新建了个请求会报错
if(error.code == NSURLErrorCancelled )
{
return;
}
if (webView.request.URL.absoluteString && ![webView.request.URL.absoluteString isEqualToString:@""]) {
if (errorview) {
errorview.hidden = NO;
[webView addSubview:errorview];
}else{
errorview=[XFTools errorView:_webView.frame];
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.frame = CGRectMake(kScreenWidth/2-75, kScreenHeight-250, 150, 80);
[btn setTitle:@"重新加载" forState:UIControlStateNormal];
[btn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
[btn addTarget:self action:@selector(webviewLoadUrl) forControlEvents:UIControlEventTouchUpInside];
[errorview addSubview:btn];
[webView addSubview:errorview];
}
}
}
4.扩展（WKWebView）
如今，iOS系统已经升级到iOS10，使用iOS7及之前的系统的用户比例已经非常之小了，如果应用不需要支持他们，换言之就是从iOS8开始支持的话，不妨使用WKWebView，据说他有很多的优势，比如：60fps的滚动刷新率以及内置手势、将UIWebViewDelegate与UIWebView拆分成了14类与3个协议（查看官方文档 ）、与Safari相同的JavaScript引擎、占内存更小等等。
用法：
别人的链接：点击此处
人家写的非常好，就不去抄了。。。。
=====本文告一段落=====
