利用WKWebView实现js与OC交互注意事项

Posted {抠得儿:Coder}

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用WKWebView实现js与OC交互注意事项相关的知识,希望对你有一定的参考价值。

最近在写一些关于wkwebview的一些代码,发现了几点心得,记录一下。

1.js调用OC

我是利用wkwebview进行的开发实现,主要代码有三部分

1.向config注入OC对象

 [config.userContentController addScriptMessageHandler:self name:@"YHModel" ];

2.js中书写调用方法:

window.webkit.messageHandlers.YHModel.postMessage({
			height: $("html").height()
});

3.完成OC回调方法

//js > OC
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
    if ([message.name isEqualToString:@"YHModel"]) {
        CGFloat height = [[message.body valueForKey:@"height"] floatValue];
    }
}

2.OC调用js

同样是利用wkwebview中的代码,实现起来分为两部分:

1.OC中代码

 [webView evaluatejavascript:@"compeleteFlag=true" completionHandler:nil];

2.js中代码

var compeleteFlag = false;
var timeintervalFunction = setInterval(function() {
var widthValue = $("#progross").width();
$("#progross").width(widthValue + space);
    if(widthValue >= $("#progrossPart").width() || compeleteFlag) {     
          $("#progross").width($("#progrossPart").width());
          clearInterval(timeintervalFunction);
          $("#progrossPart").fadeOut();
       }
}, 1000);

应当注意的是:

1.js回调OC时,应判断所获取的值是不是真实存在。
2.OC调用js代码时应该保证,js代码处于全局位置或者能够确定代码所处位置,正确认识其层级关系。

   
   
   

友情链接:

技术博客        简书主页

以上是关于利用WKWebView实现js与OC交互注意事项的主要内容,如果未能解决你的问题,请参考以下文章

js与oc原生WKWebView交互传值

js与oc原生WKWebView交互传值

OC与JS交互-WKWebView篇

JS与原生OC/Swift相互调用总结

WKWebView与Js实战(OC版)

iOS下JS与OC互相调用--WKWebView 拦截URL