原生代码和JS交互说明

JavaScript019

原生代码和JS交互说明,第1张

JS调用OC接口WKWebView提供了postMessage的机制来让JS调用OC接口:

bridge.js 在webview加载页面时会自动注入到页面中,JS端可直接调用这里声明的函数

Android端只要调用: webview.addJavascriptInterface(obj, "kf")

方法即可将obj对象中被 @JavascriptInterface 注解的方法提供给JS端调

webview.loadUrl("javascript:" + function + "("" + data + "")")通过此方法可以调用JS中的函数,该函数必须在window对象下。

和iOS端不同的时,Android端仅需要重新声明带回调函数的方法,无返回值的不需要重新声明

目前iOS项目中 Webview 几乎都会用到,iOS 8 之前使用UIWebView,iOS 8 之后 Apple 就不推荐使用了,目前已经放弃了,如果项目中存在就无法上架了,需要转为WKWebView了,说实话 UIWebView 是有性能上的缺陷,内存优化不够友好等,但是不得不说这是老的iOS开发人员用的最熟练熟悉的了,用起来得心应手。非迫不得已还真不愿转到WKWebView。好吧,既然已经这样了,又何必苦苦单恋一支花呢?

看了网上教程很多,自己使用小结一下,简单易用,本文适用于菜鸟级开发,废话不说了,

最主要的方法:发送消息

注意:对象名和方法名jumpUserProtocol名字的一致,参数可以是常用的NSArray,NSDictionary等类型,先说下在这个Demo中其实没用上,用的方法名判断的。

注意: addScriptMessageHandler

name为方法名 ,和JS 中的保持一致,添加脚本,相当于给Webview添加一个监听,有这个功能来处理JS。

在WKScriptMessageHandler代理方法中处理回调,实现自己的逻辑。

上面就是JS调用OC原生实现。

这个其实很简单,就一个方法: