iOS开发-使用JavaScriptCore框架处理UIWebView与JS的交互

首先看下JS部分的代码

我是个按钮

测试WKWebView点这个

UIWebView部分代码

-(void)viewDidLoad{[superviewDidLoad];// 此处我的webView为xib拖得,省去了初始化webView的代码// 加载本地html文件NSString*path=@"/Users/liuxu/Desktop/H5学习代码/index.html";NSURL*url=[NSURL fileURLWithPath:path];[self.webView loadRequest:[NSURLRequest requestWithURL:url]];self.webView.delegate=self;// 获取当前webview的JSContextself.jsContext=[self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];// 暴露方法供H5调用 // 无参数self.jsContext[@"log"]=^(){NSLog(@"hahhahahhaha");};// 一个参数self.jsContext[@"logString"]=^(NSString*str){NSLog(@"%@",str);};// 有回调self.jsContext[@"logWithCallBack"]=^(NSString*str,JSValue*value){NSLog(@"%@",str);[value callWithArguments:@[@"1",@"2"]];};}// 调用JS的方法-(IBAction)callJS:(id)sender{// 设置异常处理,此步骤不能省略[self.jsContext setExceptionHandler:^(JSContext*context,JSValue*exception){}];// 无参数//    [self.jsContext evaluateScript:@"exportToIos()"];// 有参数[self.jsContext evaluateScript:@"exportToIosWithArguement('lalala')"];}

效果图如下

1.点击页面上的'callJS'按钮

点击页面上的CallJS按钮.png

2.点击H5页面上的'我是个按钮',控制台输出'这是一个带回调的传进的字符串',随后触发回调部分的代码

点击我是个按钮.png

WKWebView部分代码

#import"WKWebViewController.h"#import#import@interfaceWKWebViewController()@property(strong,nonatomic)WKWebView*webView;@end@implementationWKWebViewController-(void)viewDidLoad{[superviewDidLoad];WKWebViewConfiguration*configuration=[[WKWebViewConfiguration alloc]init];WKUserContentController*userContentController=[[WKUserContentController alloc]init];// 注入方法[userContentController addScriptMessageHandler:selfname:@"log"];[userContentController addScriptMessageHandler:selfname:@"logString"];[userContentController addScriptMessageHandler:selfname:@"logWithCallBack"];configuration.userContentController=userContentController;self.webView=[[WKWebView alloc]initWithFrame:self.view.bounds configuration:configuration];self.webView.UIDelegate=self;self.webView.navigationDelegate=self;[self.view insertSubview:self.webView atIndex:0];NSString*path=@"/Users/liuxu/Desktop/H5学习代码/index.html";NSURL*url=[NSURL fileURLWithPath:path];[self.webView loadRequest:[NSURLRequest requestWithURL:url]];}// 调用JS暴露出的方法-(IBAction)callJS:(id)sender{NSString*js=@"exportToIos()";[self.webView evaluateJavaScript:js completionHandler:nil];}// 用于拦截alert方法，实现该方法后可以js可以正常调用alert方法-(void)webView:(WKWebView*)webView runJavaScriptAlertPanelWithMessage:(NSString*)message initiatedByFrame:(WKFrameInfo*)frame completionHandler:(void(^)(void))completionHandler{UIAlertController*alertController=[UIAlertController alertControllerWithTitle:nil message:message?:@""preferredStyle:UIAlertControllerStyleAlert];[alertController addAction:([UIAlertAction actionWithTitle:@"确认"style:UIAlertActionStyleDefault handler:^(UIAlertAction*_Nonnull action){completionHandler();}])];[selfpresentViewController:alertController animated:YES completion:nil];}// JS调用原生注入的方法后会走该方法,可以在此处判断并进行相应操作-(void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message{NSDictionary*dict=message.body;if([message.name isEqualToString:@"log"]){}elseif([message.name isEqualToString:@"logString"]){}elseif([message.name isEqualToString:@"logStringWithCallBack"]){}}-(void)dealloc{[self.webView.configuration.userContentController removeAllUserScripts];}@end