This project is inspired by marcuswestin/WebViewJavascriptBridge and Lision/WKWebViewJavascriptBridge!
Android Java : https://github.com/laole918/JsBridge
You can write hybrid modules in just a few lines of code by using WKWebViewJavascriptBridge without the need to be concerned with the underlying messaging implementation.
- Multi-end Consistency: This iOS Obj-C version project is a mirror of marcuswestin/WebViewJavascriptBridge(Obj-C) and Lision/WKWebViewJavascriptBridge(Swift), so they have the same API design, native code, and the Javascript code is exactly the same.
- High Performance: The messaging performance is higher than intercept requests.
- High Speed: No need to consider alert box safety timeout.
- Lightweight: This framework contains only 3 files.
- Non-intrusive: There is no need to make the webview class inherit from other base class.
self.bridge = [[WKWebViewJavascriptBridge alloc] initWithWebView:self.webView];[self.bridge registerHandler:@"testiOSCallback" handler:^(id data, WVJBResponseCallback responseCallback) { NSLog(@"testiOSCallback called: %@", data); responseCallback(@"Response from testiOSCallback"); }]; [self.bridge callHandler:@"testJavascriptHandler" data:@{@"foo": @"before ready"} responseCallback:nil];function setupWKWebViewJavascriptBridge(callback) { if (window.WKWebViewJavascriptBridge) { return callback(WKWebViewJavascriptBridge); } if (window.WKWVJBCallbacks) { return window.WKWVJBCallbacks.push(callback); } window.WKWVJBCallbacks = [callback]; /* For Android: Mock messageHandlers in iOS, Keep double-ended code consistent. */ if (!window.webkit) { window.webkit = {}; window.webkit.messageHandlers = {}; window.webkit.messageHandlers.iOS_Native_InjectJavascript = window.iOS_Native_InjectJavascript; window.webkit.messageHandlers.iOS_Native_FlushMessageQueue = window.iOS_Native_FlushMessageQueue; } window.webkit.messageHandlers.iOS_Native_InjectJavascript.postMessage(null) }4. Finally, Call setupWKWebViewJavascriptBridge and then Use The Bridge to Register Handlers and Call Native Handlers:
setupWKWebViewJavascriptBridge(function(bridge) { /* Initialize your app here */ bridge.registerHandler('testJavascriptHandler', function(data, responseCallback) { console.log('iOS called testJavascriptHandler with', data) responseCallback({ 'Javascript Says':'Right back atcha!' }) }) bridge.callHandler('testiOSCallback', {'foo': 'bar'}, function(response) { console.log('JS got response', response) }) })- Add
pod 'WKWebViewJavascriptBridge-ObjC', '~> 1.0.0'to your Podfile. - Run
pod installorpod update. - Add
#import "WKWebViewJavascriptBridge.h".
Either clone the repo and manually add the Files in WKWebViewJavascriptBridge.
This framework requires iOS 9.0+ and Xcode 9.0+.