WKWebview相對(duì)UIWebview而言比較的人性化，因?yàn)閕OS傳遞給js代碼之后，得到的結(jié)果不一定是NSString類型，在很多情況下我們會(huì)需要得到一個(gè)對(duì)象、數(shù)組等等數(shù)據(jù)。順便提一下一個(gè)iOS和H5之間通信的架包：JavaScriptCore.framework。這個(gè)架包是蘋果自帶支持的架包，主要目的就是讓開(kāi)發(fā)人員更加簡(jiǎn)便的去操作iOS和H5之間的通信代碼。導(dǎo)入方式是直接從build phases中導(dǎo)入。
WKWebViewJavascriptBridge 能為你做什么?
你可以通過(guò)使用 WKWebViewJavascriptBridge 書寫幾行代碼實(shí)現(xiàn)混合模塊，而無(wú)需關(guān)心底層的 iOS 與 JS 消息傳遞實(shí)現(xiàn)。
WKWebView 原生交互原理:把 OC 的方法注冊(cè)到橋梁中，讓 JS 去調(diào)用。把 JS 的方法注冊(cè)在橋梁中，讓 OC 去調(diào)用。
通過(guò) userContentController 把需要觀察的 JS 執(zhí)行函數(shù)注冊(cè)起來(lái)。
然后通過(guò)一個(gè)協(xié)議方法，將所有注冊(cè)過(guò)的 JS 函數(shù)執(zhí)行的參數(shù)傳遞到此協(xié)議方法中。
1)注冊(cè) 需要 觀察的 JS 執(zhí)行函數(shù)
[webView.configuration.userContentController addScriptMessageHandler:self name:@"jsFunc"];
2)在 JS 中調(diào)用這個(gè)函數(shù)并傳遞參數(shù)數(shù)據(jù)
window.webkit.messageHandlers.jsFunc.postMessage({name : "李四",age : 22});
3)OC 中遵守 WKScriptMessageHandler 協(xié)議
-(void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {}
注意：此協(xié)議方法里的 WKScriptMessage 有 name & body 兩個(gè)屬性。 name 可以用來(lái)判斷是哪個(gè) JSFunc 調(diào)用了。body 則是 JSFunc 傳遞到 OC 的參數(shù)。
WebViewJavaScriptBridge 使用的基本步驟：
a>在項(xiàng)目中導(dǎo)入 WebViewJavaScriptBridge 框架。
pod ‘WebViewJavascriptBridge’
b>導(dǎo)入頭文件 #import <WebViewJavascriptBridge.h> 。建立 WebViewJavaScriptBridge 和 WebView 之間的關(guān)系。
_jsBridge = [WebViewJavascriptBridge bridgeForWebView:_webView];
c>注入 JS 函數(shù).
WeakSelf
[self.bridge registerHandler:@"navigateBack" handler:^(id data, WVJBResponseCallback responseCallback) {
// 執(zhí)行回調(diào)函數(shù)
if (responseCallback) {
[weakSelf.navigationController popViewControllerAnimated:YES];
}
}];
[self.bridge registerHandler:@"navigateToMine" handler:^(id data, WVJBResponseCallback responseCallback) {
if (responseCallback) {
[weakSelf.navigationController popToRootViewControllerAnimated:YES];
}
}];