WKWebView 简单使用
2016-11-28 本文已影响62人
_thor
一. 框架
导入 <Webkit/Webkit.h>
二.创建并配置
// 创建UserContentController（提供JavaScript向webView发送消息的方法）
self.userContentController = [[WKUserContentController alloc] init];
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
configuration.userContentController = self.userContentController;
// 创建WKWebView
self.webView = [[THWebView alloc] initWithFrame:CGRectMake(0,
64,
Screen_Width,
Screen_Height - 64)
configuration:configuration];
self.webView.scrollView.backgroundColor = [UIColor colorWithHexString:@"#FAEBD1"];
self.webView.backgroundColor = [UIColor colorWithHexString:@"#FAEBD1"];
self.webView.opaque = NO;
self.webView.UIDelegate = self;
[self.view addSubview:self.webView];
三. js与oc交互
//1. 遵守协议<WKScriptMessageHandler>
//2. 添加消息处理，注意：self指代的对象需要遵守WKScriptMessageHandler协议，结束时需要移除
[self.userContentController addScriptMessageHandler:self name:kPage_to];
[self.userContentController addScriptMessageHandler:self name:kRender];
//3. 在下面的代理方法中获取WKScriptMessage对象的name和body
- (void)userContentController:(WKUserContentController *)userContentController
didReceiveScriptMessage:(WKScriptMessage *)message
{
// message.name是你和js约定的名字，也就是上面添加消息处理中的名字
// message.body是js传递给你的信息，为字典类型；特别注意，js传body时不能为空，不然js传递不到oc；
if ([kPage_to isEqualToString:message.name]) {
[self.viewModel pageToNavi:self.navigationController param:message.body];
}
}
//4. 在完成比如请求网络数据，或其他计算操作后，使用下面方法给js回调；
》render：是一段字符串，是你与js约定的函数块，我采用的是js在message.body这个字典中采用键值对的方式将callback传递给oc，oc像下面这样返回数据给js；
NSString *render = [NSString stringWithFormat:@"%@(%@)",callback,[JsonTool jsonStrFrom:dic]];
[webView evaluateJavaScript:render
completionHandler:^(id _Nullable item, NSError * _Nullable error) {
if (error) {
// 错误在这里捕捉
}
}];
//5. 该页面不再使用时，一定使用要移除Handller
[self.userContentController removeScriptMessageHandlerForName:kLogin_facebook];
a.如果不移除掉这个handler，控制器不会释放，但是这个不能像通知一样在dealloc方法中移除;
b.只能在你不再使用这个控制器的时候移除，就像WKWebViewJavascriptBridge中必须设置[_bridge setWebViewDelegate:nil]；控制器才能释放一样；
c.因为我的导航栏中的返回按钮是在父类中设置的自定义button，
在子类中我重写了父类中该自定义button的-(void)leftBarButtonClick方法，
在这个方法中移除了注册；
四. 两大代理之一：WKNavigationDelegate
和UIWebView的开始加载、加载失败、加载完成等等相似；
四. 两大代理之二：WKNavigationDelegate
// 1. 类似于下面，如果不写，网页上的alert函数会失效，特别注意，若不回调completionHandler(NO) 在某些版本的ios系统上app会crash
#pragma mark - UIDelegate
- (void)webView:(WKWebView *)webView
runJavaScriptAlertPanelWithMessage:(NSString *)message
initiatedByFrame:(WKFrameInfo *)frame
completionHandler:(void (^)(void))completionHandler {
NSLog(@"runJavaScriptAlertPanelWithMessage");
[self alertWithMessage:message];
completionHandler();
}
- (void)webView:(WKWebView *)webView
runJavaScriptConfirmPanelWithMessage:(NSString *)message
initiatedByFrame:(WKFrameInfo *)frame
completionHandler:(void (^)(BOOL))completionHandler {
completionHandler(NO);
}
- (void)alertWithMessage:(NSString *)message{
UIAlertController *alertController = [UIAlertController alertControllerWithTitle:message
message:nil
preferredStyle:UIAlertControllerStyleAlert];
[alertController addAction:[UIAlertAction actionWithTitle:@"确定"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction *action) {
}]];
[self presentViewController:alertController animated:YES completion:^{}];
}
五. 重要的事情说两遍
- message
a. message.name是你和js约定的名字，也就是上面添加消息处理中的名字
b. message.body是js传递给你的信息，为字典类型；特别注意，js传body时不能为空，不然js传递不到oc；
- 一定使用要移除Handller
a.如果不移除掉这个handler，控制器不会释放，但是这个不能像通知一样在dealloc方法中移除;
b.只能在你不再使用这个控制器的时候移除，就像WKWebViewJavascriptBridge中必须设置[_bridge setWebViewDelegate:nil]；控制器才能释放一样；
c.因为我的导航栏中的返回按钮是在父类中设置的自定义button，
在子类中我重写了父类中该自定义button的-(void)leftBarButtonClick方法，我在这个方法中移除了注册，你也可以有自己的方式；
- WKNavigationDelegate
a. 不实现关于alert的代理，网页上的alert函数会失效；特别注意，若不回调completionHandler(NO) 在某些版本的ios系统上app会crash；
