之前写了UIWebView 使用stringByEvaluatingJavaScriptFromString 调用H5 js中写好的function。
但是有时候这个并不能满足跨平台交互的各种需求，这里就介绍一种webviewjavascriptbridge 第三方框架，写的很不错。这是它的下载链接WebViewJavascriptBridge
这个框架在满足IOS 调用H5方法的同时，还满足H5方法的回调，可以真正意义上实现UIWebView与H5的js交互。
废话不多说，上代码。
webviewjavascriptbridge的初始化 写完这段代码 你的web view就和js链接成功了
@property WebViewJavascriptBridge* bridge;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
[WebViewJavascriptBridge enableLogging];
_bridge = [WebViewJavascriptBridge bridgeForWebView:self.myWebView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {
NSLog(@"注册桥成功数据为：%@",data);
responseCallback(@"Response from testObjcCallback");
}];
下一步，分为js调用OC 方法可以通过data给oc方法传值，使用responseCallback将值再返回给js）和 OC调用js方法（通过data可以传值，通过response可以接受js那边的返回值）
-->js调OC
id data = @{ @"hello world": @"This is JS!"};
[_bridge callHandler:@"testJavascriptHandler"
data:data
responseCallback:^(id response) {
NSLog(@"testJavascriptHandler responded: %@", response);
}];
-->OC调js 这里有两种 一个是有返回值 一个是没有返回值，
//有返回值
[_bridge send:@"sent ObjC to JS"
responseCallback:^(id response) {
NSLog(@"sendMessage got response: %@", response);
}];
//无返回值
[_bridge send:@"A string sent from ObjC after Webview has loaded."];
需要关注的也就这几个方法，只要根据自己需求在responseCallback做处理就ok。
下面简单介绍一下WebViewJavascriptBridge里面一些东东，WebViewJavascriptBridge的工作原理跟之前iOS UIWebView中js交互（一）中在- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType；这个方法拦截URL一样，WebViewJavascriptBridge也是通过web view的代理拦截url scheme，然后注入相应的JS。
WebViewJavascriptBridge拦截的代码在WebViewJavascriptBridge.m中
- (BOOL)webView:(UIWebView *)webViewshouldStartLoadWithRequest:(NSURLRequest *)requestnavigationType:(UIWebViewNavigationType)navigationType {
if (webView != _webView) { return YES; }
NSURL *url = [requestURL];
__strongWVJB_WEBVIEW_DELEGATE_TYPE* strongDelegate = _webViewDelegate;
if ([_base isCorrectProcotocolScheme:url]) {
if ([_base isBridgeLoadedURL:url]) {
[_base injectJavascriptFile];
} else if ([_base isQueueMessageURL:url]) {
NSString *messageQueueString = [self_evaluateJavascript:
[_base webViewJavascriptFetchQueyCommand]];
[_base flushMessageQueue:messageQueueString];
} else {
[_base logUnkownMessage:url];
}
return NO;
} else if (strongDelegate && [strongDelegaterespondsToSelector:@selector(webView:shouldStartLoadWithRequest:navigationType:)]) {
return [strongDelegatewebView:webViewshouldStartLoadWithRequest:requestnavigationType:navigationType];
} else {
return YES;
}
}
通过先通过-isBridgeLoadedURL:方法判断URL是否是需要bridge的URL，若是，则通过injectJavascriptFile方法注入JS；否则判断URL是否是队列消息，若是，则执行查询命令JS并刷新消息队列；最后，URL被识别为未知的消息。
个人整理总结，喜欢点赞，不喜勿喷，谢谢！！
