种简单的方式。那就是利用WKWebView的新特性MessageHandler来实现JS调用原生方法。
MessageHandler 是什么?
WKWebView 初始化时,有一个参数叫configuration,它是WKWebViewConfiguration类型的参数,而WKWebViewConfiguration有一个属性叫userContentController,它又是WKUserContentController类型的参数。WKUserContentController对象有一个方法- addScriptMessageHandler:name:,我把这个功能简称为MessageHandler。
- addScriptMessageHandler:name:有两个参数,第一个参数是userContentController的代理对象,第二个参数是JS里发送postMessage的对象。
所以要使用MessageHandler功能,就必须要实现WKScriptMessageHandler协议。
我们在该API的描述里可以看到在JS中的使用方法
怎么使用MessageHandler?
1.创建WKWebViewConfiguration对象,配置各个API对应的MessageHandler。
WKUserContentController对象可以添加多个scriptMessageHandler。
需要注意的是addScriptMessageHandler很容易引起循环引用,导致控制器无法被释放,所以需要加入以下这段:
2.创建WKWebView。
3.实现协议方法。
我这里实现了两个协议,WKUIDelegate是因为我在JS中弹出了alert 。WKScriptMessageHandler是因为我们要处理JS调用OC方法的请求。
WKScriptMessage有两个关键属性name和body。
因为我们给每一个OC 方法取了一个name,那么我们就可以根据name 来区分执行不同的方法。body 中存着JS 要给OC 传的参数。解析JS 调用OC 的参数:
message.boby 就是JS 里传过来的参数。我们不同的方法先做一下容错性判断。然后正常取值就可以了。
4.处理HTML中JS调用。
HMTL的源码跟之前的HTML内容差不多,只有JS的调用部分改变了。
5.OC调用JS
这里使用WKWebView 实现OC 调用JS方法,还是利用
- evaluateJavaScript:completionHandler:。像下面这样使用:
参考:https://www.jianshu.com/p/433e59c5a9eb