恩美第二个APP项目小程序学习程序员

iOS-webApp开发Js交互

2017-11-22  本文已影响56人  Cy_Star

国内越来越多的移动端开发趋向于webApp的形式去开发了,那在webApp开发中经常要做一些Js交互的操作。
官方的Js交互操作:

UIWebView: [webView stringByEvaluatingJavaScriptFromString:@" "];

WKWebView:[webView evaluateJavaScript:@"" completionHandler:^(id _Nullable, NSError * _Nullable error) {
    
}];

在这里就不说这两种Js交互了,要说的是第三的Js交互
WebViewJavascriptBridge,它使Js交互使用变得更加简单,不过本人在使用cocoapod 到工程里面使用的时候,在WKWebView发生崩溃, 最后以导入文件的方式去使用就没有事了。

WKWebView * web = [[WKWebView alloc]initWithFrame:CGRectMake(0, 20, self.view.bounds.size.width, self.view.bounds.size.height-20)];

web.backgroundColor = [UIColor colorWithRed:254/255.0 green:220/255.0 blue:60/255.0 alpha:1];
web.scrollView.showsHorizontalScrollIndicator = NO;
web.scrollView.showsVerticalScrollIndicator = NO;

web.navigationDelegate = self;
[self.view addSubview:web];

#pragma mark --------------------使用第三Js交互(WebViewJavascriptBridge)--------------------------

[WebViewJavascriptBridge enableLogging];
_bridge = [WebViewJavascriptBridge bridgeForWebView:web];
[_bridge setWebViewDelegate:self];

//这个方法是点击响应触发执行的
[_bridge registerHandler:@"这里是要执行Js的方法名" handler:^(id data, WVJBResponseCallback responseCallback) {
    NSLog(@"执行 %@",data); //data传递数据的
}];


//这是在加载网页的时候去执行的
[_bridge callHandler:@"testJs" data:nil responseCallback:^(id responseData) {
    NSLog(@"执行callHandler %@",responseData);
    NSDictionary * dic = responseData;

    //仅是举个例子做解释,怎么用自己根据需求去开发吧
    //这是加载页面,执行Js方法“testJs”,然后拿到数据做一个弹窗的显现数据的,
    [alert_1 pushView:self runJavaScriptAlertPanelWithMessage:dic[@"Javascript Says"]];

}];

不管好是UIWebView 还是 WKWebView ,都一样的使用,至于个人到底是在开发做什么就看个人怎么使用,不管是原生调用Js 还是Js调用原生的都行。

上一篇下一篇

猜你喜欢

热点阅读