WebViewJavascriptBridge是一個Objective-C與JavaScript進行消息互通的三方庫。這里簡單總結(jié)一下其使用

• Objective-C初始化

_bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) { 
        NSLog(@"ObjC received message from JS: %@", data);
        responseCallback(@"Response for message from ObjC");
    }]; 

這是使用類方法創(chuàng)建一個WebViewJavascriptBridge對象。其中有一個block類型的handle。這個handle主要是用來接收JavaScript里面通過send方法傳過來的消息的，這里的handle里面的參數(shù)與JavaScript中send方法里面的參數(shù)對應。

• JavaScript 初始化

function connectWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) {
        callback(WebViewJavascriptBridge);
    } else {
        document.addEventListener('WebViewJavascriptBridgeReady', function() {callback(WebViewJavascriptBridge);}, false);
    }
}
connectWebViewJavascriptBridge(function(bridge) {
    bridge.init(function(message, responseCallback) {
            log('JS got a message', message)
            var data = { 'Javascript Responds':'Wee!' }
            log('JS responding with', data)
            responseCallback(data)
    })
});

這里初始化先是創(chuàng)建了一個connectWebViewJavascriptBridge方法，該方法注冊了一個WebViewJavascriptBridgeReady事件，同時聲明了一個全局的WebViewJavascriptBridge變量。我們可以在外部通過WebViewJavascriptBridge調(diào)用相關(guān)方法。

在init里面同樣有一個function，這個function同樣是用來接收Objective-C里面通過send方法發(fā)送的消息的，參數(shù)與OC里的send方法參數(shù)對應

• Objective-C調(diào)用JavaScript

  首先要在JavaScript里面注冊一個方法：

bridge.registerHandler('testJavascriptHandler', function(data, responseCallback) {
    log('ObjC called testJavascriptHandler with', data)
    var responseData = { 'Javascript Says':'Right back atcha!' }
    log('JS responding with', responseData)
    responseCallback(responseData)
})

OC調(diào)用這個方法

[_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
        NSLog(@"testJavascriptHandler responded: %@", response);
 }];

• JavaScript調(diào)用Objective-C

  OC注冊一個方法：

[_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"testObjcCallback called: %@", data);
        responseCallback(@"Response from testObjcCallback");
 }];

JavaScript調(diào)用方法

bridge.callHandler('testObjcCallback', {'foo': 'bar'}, function(response) {
    log('JS got response', response)
});

• JavaScript向OC中發(fā)送消息

bridge.send(data, function(responseData) {
    log('JS got response', responseData)
});

這種方式發(fā)送消息實際上是調(diào)用了OC初始化時的handle.

• OC向JavaScript發(fā)送消息

[_bridge send:@"A string sent from ObjC before Webview has loaded." responseCallback:^(id responseData) {
        NSLog(@"objc got response! %@", responseData);
}];

這個send方法，實際上是調(diào)用了JavaScript初始化init里面的function.

參考&總結(jié)

以上方法大部分都包含沒有callback的方法,可以在頭文件中找到.