美文网首页
JavaScriptCore和UIWebView一起使用的时候,

JavaScriptCore和UIWebView一起使用的时候,

作者: mqhong | 来源:发表于2016-12-03 20:54 被阅读697次

    2016年12月03日星期六


    • 今天在使用JavaScriptCore和UIWebView交互使用的时候,出现了非常奇怪的问题。
      问题如下面所叙:
      • 我在JS->OC->JS的最后一步:OC->JS的时候,出现了问题。之前我没有调用alert()方法,用js作个弹出框来显示JS传给OC后,OC操作后的数据通过,OC->JS来完成在js中以弹出框来显示。
        代码顺序如下:
    • js
    
    function showSelect(){
                        var selectParams = {
                            title : "提示标题",//提示标题
                            list : new Array("选项一","选项二","6666","哈哈哈"),//选择列表
                            buttonA : "确定",
                            buttonB : "取消",
                            buttonOnclick : function(data){
                                //列表选择结果
                                alert(data);
                                document.getElementById("result").innerText = data;
                            }};
                        ddd.webview.showListSelect(selectParams);
    
    • OC
    
    
    dispatch_async(dispatch_get_main_queue(), ^{
        JSValue *yx =  self.jsContext[@"ddd"];
        JSValue *webview = yx[@"webview"];
        JSValue *commonButtonOnClickLinstener = webview[@"commonButtonOnClickListener"];
        [commonButtonOnClickLinstener[@"buttonOnclick"] callWithArguments:@[@"ddd"]];
        });
    
    
    
    • 在OC中回调的时候,没有在主线程操作的话,整个UI界面会停留在,JS弹出框出来之前的界面,界面平静的没有一丝波纹。

    • 在使用了主线程之后,UI界面就跟一个癞蛤蟆一样,你碰一下就动一下。UI界面停止在JS弹出框出来的界面(哟呵)。

    • 查看了一下,百度,呵呵哒,除了简单的介绍如何让你javascriptcore入门,讲解的稍微深点的,都是非常少。

    • 在stack overflow上找了半天 终于寻到了一丝头绪。是线程的问题,不知道是阻塞了主线程还是子线程被阻塞了,反正在你回调js的那一刻,就是有问题。具体是什么问题,我也不好揣测,毕竟才疏学浅。

    • 但是经过检测,把解决方案试了出来。

    -(void)DelegateFunc:(NSString *)str{//某个代理回调函数(模拟一下)
     [self performSelectorOnMainThread:@selector(ddd) withObject:nil waitUntilDone:NO];
    }
    
    -(void)ddd{
        JSValue *yx =  self.jsContext[@"ddd"];
        JSValue *webview = yx[@"webview"];
        JSValue *commonButtonOnClickLinstener = webview[@"commonButtonOnClickListener"];
        [commonButtonOnClickLinstener[@"buttonOnclick"] callWithArguments:@[@"ddd"]];
    }
    
    • 这样执行下来就算是让他们继续工作了。
      当然这里贴一下 [self performSelectorOnMainThread:@selector(ddd) withObject:nil waitUntilDone:NO] 中waitUntilDone参数设定的功效:
      • YES: 等ddd()方法执行完成后,子线程才会继续执行后面的代码。
      • NO: 不用等待等待ddd()方法执行完成后,直接执行后面的代码。
        (2017-4-13日补充:这个的意思是把任务放在主线程上执行。错啦?)

    2018-3-06日补充:回到webView的线程去调用

    (callWithArguments就不会崩溃(因为js和oc绑定的函数,在函数里执行的代码不是在主线程里执行的)。
    模拟代码:

    ///假设这个函数是和js的test函数绑定的。如果监听到这个函数就进行网络请求或者上传图片等操作。

    - (void)test {
      //获取webView线程,因为js和oc绑定的函数里执行的代码不是在主线程里。
    NSThread *webThread = [NSThread currentThread];
    //网络请求
    @weakify(self);
    [HTTPRequest requestGetTokenWithFinished:^(void){
      @strongify(self);
    
      //通知js请求完了。
    
     //正常情况下是直接在这里调用,但是会间接性发生野指针问题,差不多每隔四五次发生一次野指针。
      //JSValue *jsCall = self.context[@"jsCall"];
      //[jsCall callWithArguments:nil];
    
      //线程安全的,用此方式,笔者再也没发生过野指针问题。
      [self performSelector:@selector(jsCall) onThread:webThread withObject:nil waitUntilDone:NO];
    }];
    }
    
    - (void)jsCall {
      JSValue *jsCall = self.context[@"jsCall"];
      [jsCall callWithArguments:nil];
    })
    

    具体的解释:遇到这个问题的人,肯定能明白。

    相关文章

      网友评论

          本文标题:JavaScriptCore和UIWebView一起使用的时候,

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