iOS-webApp开发Js交互

作者: Cy_Star | 来源:发表于2017-11-22 17:57 被阅读56次

    国内越来越多的移动端开发趋向于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调用原生的都行。

    相关文章

      网友评论

        本文标题:iOS-webApp开发Js交互

        本文链接:https://www.haomeiwen.com/subject/qndovxtx.html