在.m方法当中，申明一个WebViewJavascriptBridge属性：
@interface ExampleAppViewController ()
@property WebViewJavascriptBridge* bridge;
@end @implementation ExampleAppViewController - (void)viewDidLoad { UIWebView* webView = [[UIWebView alloc] initWithFrame:CGRectMake(, , , )];
[self.view addSubview:webView]; //开启调试信息
[WebViewJavascriptBridge enableLogging]; //响应JS通过send发送给OC的消息
_bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {
NSLog(@"ObjC received message from JS: %@", data);
responseCallback(@"Response for message from ObjC");
}]; //响应JS通过callhandler发送给OC的消息
[_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
NSLog(@"testObjcCallback called: %@", data);
responseCallback(@"Response from testObjcCallback");
}]; }
这个框架定义了两种OC和JS之间通信的方式，一种是send，发送一条消息，另一种是通过一个key调用callHandler，注意：这两个方法接收js返回回来的data并显示，之后调用responseCallback方法，给js回发一条消息，也就是回调。
OC可以相应JS发来的消息，也可以主动给JS发消息，Demo当中提取了两个方法：
//OC调用send给JS发消息
- (void)sendMessage:(id)sender {
[_bridge send:@"A string sent from ObjC to JS" responseCallback:^(id response) {
NSLog(@"sendMessage got response: %@", response);
}];
} //OC调用callHandler给JS发消息
- (void)callHandler:(id)sender {
id data = @{ @"greetingFromObjC": @"Hi there, JS!" };
[_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
NSLog(@"testJavascriptHandler responded: %@", response);
}];
}
其中在JS端，可以有多个handler，所以callHandler需要一个key来寻找指定方法。responseCallback用于响应JS处理完毕后对OC的回调。
下面是JS端：
JS的关键在于connectWebViewJavascriptBridge函数，log方法用于输出日志，是用户的自定义函数，所有的自定义函数都要写在connectWebViewJavascriptBridge当中作为成员。
bridge.init和bridge.registerHandler方法用于接收OC发来的send和callHandler，并对OC进行回调。
之后定义了两个按钮，通过上述两种方式直接调用OC，并处理OC回发的响应信息。