一. 框架
导入 <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;
网友评论