原生代码和JS交互说明

JavaScript014

原生代码和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原生实现。

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

       鉴于最近项目中需要用到原生与JS交互,以前做过交互,但是没有总结一个demo,这次做的时候都忘记了,所以这次做了一个swift 和 OC 的demo。方便以后需要用交互功能的时候查看。

由于也没有难的点,所以这里就不做技术上的讲解了。直接上的地址:   iOS webKit (swift + oc) 原生交互Demo .  demo里包含了Swift 版和 OC版  ,由于UIWebView的性能相比webkit而言,相差甚远,在加上现在的项目基本都支持8.0以上的系统,所以基本可以放弃UIWebview了。