使用WebViewJavascriptBridge使OC跟JS进行互调

WebViewJavaScriptBridge是一个iOS/OSX 在UIWebViews/WebViews中obj-C和javascript发送消息的一个桥接

Github地址：https://github.com/marcuswestin/WebViewJavascriptBridge

问题：

在UIWebView中load前端写的xx.js文件，不会进入connectWebViewJavascriptBridge方法，导致

js调用不到oc定义的接口

​

xxx.js文件：

window.onerror = function(err) {
  log('window.onerror: ' + err)
}

function connectWebViewJavascriptBridge(callback) {
  if (window.WebViewJavascriptBridge) {
      callback(WebViewJavascriptBridge)
  } else {
      document.addEventListener('WebViewJavascriptBridgeReady', function() {
          callback(WebViewJavascriptBridge)
      }, false)
  }
}

connectWebViewJavascriptBridge(function(bridge) {
    bridge.init(function(message, responseCallback) {
        alert('进入了init方法了');
      responseCallback(data)
  })
    bridge.callHandler("hello", {}, function(data) {
        //data ==  oc返回的数据
        /*
         处理js的逻辑
         ...
         */
    });
})

OC代码:

self.bridge = [WebViewJavascriptBridge bridgeForWebView:wkWebView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {
    NSLog(@"接收js的消息: %@", data);
    //响应数据给js
    responseCallback(@"OC传过去给js的");
}];

[_bridge send:@"test" responseCallback:^(id responseData) {
    NSLog(@"objc got response! %@", responseData);
}];

//js获取oc传递过去的版本号，hello跟js文件对应
[self.bridge registerHandler:@"hello" handler:^(id data, WVJBResponseCallback responseCallback) {
    //响应数据给js
    responseCallback(@"hello");
}];

如上代码是没有问题的，在刚刚打开WebView的时候，第一个url开始load网页（假设网页：www.hello.com/one），可以把xxx.js的代码load完，可以运行connectWebViewJavascriptBridge函数里面的代码，也可以调用到oc定义的接口，但是如果在刚刚load的url中，点击了另一个url（假设网页：www.hello.com/two），也就是在第一个界面进入了第二个webview界面，这样的话，WebViewJavascriptBridge用的是同一个对象，不会再去执行connectWebViewJavascriptBridge函数，那么如果在第二个界面里面不会调用connectWebViewJavascriptBridge里面的代码，就代表js调用不到oc的方法，这样我们需要把第二个界面也重新的加载执行WebViewJavascriptBridge。

OC的webView代码：

-(void)webViewDidFinishLoad:(UIWebView *)webView{

   if (webView != self.detailWebView) {return; }
    if (![[self.detailWebView         stringByEvaluatingJavaScriptFromString:@"typeofWebViewJavascriptBridge == 'object'"] isEqualToString:@"true"]){
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"WebViewJavascriptBridge.js"ofType:@"txt"];
    NSString *js = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
    [self.detailWebView stringByEvaluatingJavaScriptFromString:js];
}

表示在webViewload完一个url之后，再次执行WebViewJavascriptBridge.js文件，就可以了。