美文网首页网页相关iOS开发iOS学习
WKWebView与JS交互,使用addScriptMessag

WKWebView与JS交互,使用addScriptMessag

作者: 习惯有你syh | 来源:发表于2016-10-21 11:10 被阅读2179次

            Xcode8发布以后,编译器开始不支持IOS7,所以很多应用在适配IOS10之后都不在适配IOS7了,其中包括了很多大公司,网易新闻,滴滴出行等。

           支持到IOS8,第一个要改的自然是用WKWebView替换原来的UIWebView。

          WKWebview提供了API实现js交互 不需要借助JavaScriptCore或者webJavaScriptBridge。使用WKUserContentController实现js native交互。简单的说就是先注册约定好的方法,然后再调用。

    代码如下:


    @interfaceViewController() <WKUIDelegate, WKNavigationDelegate, WKScriptMessageHandler>{   

              WKWebView * webView; 

              WKUserContentController* userContentController;

    }

    @end

    @implementationViewController

    #pragma mark - lifeCircle

    - (void)viewDidLoad { 

            [superviewDidLoad];

            //配置环境WKWebViewConfiguration * configuration = [[WKWebViewConfiguration alloc]init]; 

          userContentController =[[WKUserContentController alloc]init];                          configuration.userContentController= userContentController;   

          webView = [[WKWebView alloc]initWithFrame:self.view.bounds  configuration:configuration];

          //注册方法[userContentController addScriptMessageHandler:selfname:@"sayhello"];

            //注册一个name为sayhello的js方法[self.viewaddSubview:webView]; 

            webView.UIDelegate=self; 

            webView.navigationDelegate=self; 

            [webView loadRequest:[NSURLRequestrequestWithURL: 

            [NSURLURLWithString:@"http://www.test.com"]]];

    }

    - (void)dealloc{

    //这里需要注意,前面增加过的方法一定要remove掉。

    [userContentController removeScriptMessageHandlerForName:@"sayhello"];

    }

    #pragma mark - WKScriptMessageHandler

    - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{

            NSLog(@"name:%@\\\\n body:%@\\\\n          frameInfo:%@\\\\n",message.name,message.body,message.frameInfo);

    }

    @end


            上面的OC代码如果认证测试一下就会发现dealloc并不会执行,这样肯定是不行的,会造成内存泄漏。原因是[userContentController addScriptMessageHandler:self  name:@"sayhello"];.如果大家在开发的时候没有观察dealloc的话就很容易忽略了这个问题了.这里WKUserContentController对象的addScriptMessageHandler方法的scriptMessageHandler参数传入了将控制器本身(猜测addScriptMessageHandler将会对scriptMessageHandler参数传入的对象做强引用,这点开发文档没有说明),而控制器又强引用了webView,然后webView又强引用了configuration,configuration又强引用了WKUserContentController对象,所以导致了引用循环,从而导致控制器不被释放的问题.)因此还需要进一步改进。

          只需要将[userContentController removeScriptMessageHandlerForName:@"sayhello"];这句话挪一下位置就可以了。我们可以在ViewController里加一个方法:

      -(void)popController {

            [userContentController removeScriptMessageHandlerForName:@"sayhello"];

            [self.navigationController popViewControllerAnimated:YES];

    }

    在控制器pop(或者dismiss)回去的时候remove就可以了。      

    由于日常开发中用到webView的界面大部分都是二级以上的界面 ,所以在pop时remove是可行的。

    今天就到这了,各位看官如果发现有什么不对的,请加qq:929949003,一起讨论,谢谢!!

    相关文章

      网友评论

      本文标题:WKWebView与JS交互,使用addScriptMessag

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