iOS Js与native相互通信

浏览数：41 / 时间：2015年06月11日

js与navive相互通信的机制

js –> native

目前，截止至iOS7，iOS原生并没有提供js直接调用native的方式，只能通过UIWebView相关的UIWebViewDelegate协议的

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

方法来做拦截，并在这个方法中，根据url的协议或特征字符串来做调用方法或触发事件等工作，如

/*
* 方法的返回值是BOOL值。
* 返回YES：表示让浏览器执行默认操作，比如某个a链接跳转
* 返回NO：表示不执行浏览器的默认操作，这里因为通过url协议来判断js执行native的操作，肯定不是浏览器默认操作，故返回NO
* /
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    NSURL *url = [request URL];
    if ([[url scheme] isEqualToString:@"callFunction") {
        //调用原生方法

        return NO;
    } else if (([[url scheme] isEqualToString:@"sendEvent") {
        //触发事件

        return NO;
    } else {
        return YES;
    }
}

虽然通过这个方式，js调用native是异步的，但是效率还是很高，我通过在js调用端，把time传入navive然后相减的方式计算，平均只有5ms的时间间隔。

如何触发这个方法拦截

最最简单且实用的方法莫过于用js创建一个隐藏的iframe设置src了，代码：

function js2native(){
      var iframe = document.createElement("iframe");
      iframe.src="callFunction://";
      iframe.style.display = ‘none‘;
      document.body.appendChild(iframe);
      iframe.parentNode.removeChild(iFrame);
      iframe = null;
}