您的位置:首页 > 移动开发 > Objective-C

github Object-C javascript 消息互通 WebViewJavascriptBridge

2015-11-03 14:26 549 查看
WebViewJavascriptBridge:github地址

如何使用:

1) 把WebViewJavascriptBridge文件夹添加到工程中

2) 导入文件,并添加相关属性

#import "WebViewJavascriptBridge.h"


……

@property WebViewJavascriptBridge* bridge;


3) 初始化

self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView handler:^(id data, WVJBResponseCallback responseCallback) {
NSLog(@"Received message from javascript: %@", data);
responseCallback(@"Right back atcha");
}];


4) ObjC 向 javascript发送消息

[self.bridge send:@"Well hello there"];
[self.bridge send:[NSDictionary dictionaryWithObject:@"Foo" forKey:@"Bar"]];
[self.bridge send:@"Give me a response, will you?" responseCallback:^(id responseData) {
NSLog(@"ObjC got its response! %@", responseData);
}];


5) 设置javascript消息处理

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

connectWebViewJavascriptBridge(function(bridge) {

/* Init your app here */

bridge.init(function(message, responseCallback) {
alert('Received message: ' + message)
if (responseCallback) {
responseCallback("Right back atcha")
}
})
bridge.send('Hello from the javascript')
bridge.send('Please respond to this', function responseCallback(responseData) {
console.log("Javascript got its response", responseData)
})
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript github Object-C