一. 框架
導(dǎo)入 <Webkit/Webkit.h>
二.創(chuàng)建并配置
// 創(chuàng)建UserContentController（提供JavaScript向webView發(fā)送消息的方法）
self.userContentController = [[WKUserContentController alloc] init];
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
configuration.userContentController = self.userContentController;
// 創(chuàng)建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. 遵守協(xié)議<WKScriptMessageHandler>
//2. 添加消息處理，注意：self指代的對(duì)象需要遵守WKScriptMessageHandler協(xié)議，結(jié)束時(shí)需要移除
[self.userContentController addScriptMessageHandler:self name:kPage_to];
[self.userContentController addScriptMessageHandler:self name:kRender];
//3. 在下面的代理方法中獲取WKScriptMessage對(duì)象的name和body
- (void)userContentController:(WKUserContentController *)userContentController
didReceiveScriptMessage:(WKScriptMessage *)message
{
// message.name是你和js約定的名字，也就是上面添加消息處理中的名字
// message.body是js傳遞給你的信息，為字典類型；特別注意，js傳body時(shí)不能為空，不然js傳遞不到oc；
if ([kPage_to isEqualToString:message.name]) {
[self.viewModel pageToNavi:self.navigationController param:message.body];
}
}
//4. 在完成比如請(qǐng)求網(wǎng)絡(luò)數(shù)據(jù)，或其他計(jì)算操作后，使用下面方法給js回調(diào)；
》render：是一段字符串，是你與js約定的函數(shù)塊，我采用的是js在message.body這個(gè)字典中采用鍵值對(duì)的方式將callback傳遞給oc，oc像下面這樣返回?cái)?shù)據(jù)給js；
NSString *render = [NSString stringWithFormat:@"%@(%@)",callback,[JsonTool jsonStrFrom:dic]];
[webView evaluateJavaScript:render
completionHandler:^(id _Nullable item, NSError * _Nullable error) {
if (error) {
// 錯(cuò)誤在這里捕捉
}
}];
//5. 該頁(yè)面不再使用時(shí)，一定使用要移除Handller
[self.userContentController removeScriptMessageHandlerForName:kLogin_facebook];
a.如果不移除掉這個(gè)handler，控制器不會(huì)釋放，但是這個(gè)不能像通知一樣在dealloc方法中移除;
b.只能在你不再使用這個(gè)控制器的時(shí)候移除，就像WKWebViewJavascriptBridge中必須設(shè)置[_bridge setWebViewDelegate:nil]；控制器才能釋放一樣；
c.因?yàn)槲业膶?dǎo)航欄中的返回按鈕是在父類中設(shè)置的自定義button，
在子類中我重寫了父類中該自定義button的-(void)leftBarButtonClick方法，
在這個(gè)方法中移除了注冊(cè)；
四. 兩大代理之一：WKNavigationDelegate
和UIWebView的開始加載、加載失敗、加載完成等等相似；
四. 兩大代理之二：WKNavigationDelegate
// 1. 類似于下面，如果不寫，網(wǎng)頁(yè)上的alert函數(shù)會(huì)失效，特別注意，若不回調(diào)completionHandler(NO) 在某些版本的ios系統(tǒng)上app會(huì)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:^{}];
}
五. 重要的事情說(shuō)兩遍
- message
a. message.name是你和js約定的名字，也就是上面添加消息處理中的名字
b. message.body是js傳遞給你的信息，為字典類型；特別注意，js傳body時(shí)不能為空，不然js傳遞不到oc；
- 一定使用要移除Handller
a.如果不移除掉這個(gè)handler，控制器不會(huì)釋放，但是這個(gè)不能像通知一樣在dealloc方法中移除;
b.只能在你不再使用這個(gè)控制器的時(shí)候移除，就像WKWebViewJavascriptBridge中必須設(shè)置[_bridge setWebViewDelegate:nil]；控制器才能釋放一樣；
c.因?yàn)槲业膶?dǎo)航欄中的返回按鈕是在父類中設(shè)置的自定義button，
在子類中我重寫了父類中該自定義button的-(void)leftBarButtonClick方法，我在這個(gè)方法中移除了注冊(cè)，你也可以有自己的方式；
- WKNavigationDelegate
a. 不實(shí)現(xiàn)關(guān)于alert的代理，網(wǎng)頁(yè)上的alert函數(shù)會(huì)失效；特別注意，若不回調(diào)completionHandler(NO) 在某些版本的ios系統(tǒng)上app會(huì)crash；
