OC与JS间相互调用有两种方式#####
第一种:使用JavaScriptCore,iOS7之后系统的原生方法,能够实现一些比较复杂的参数互传及参数返回。使用也比较简单,有以下几篇文章有比较详细的介绍。基本看完就能够熟练的使用了。
iOS js oc相互调用(JavaScriptCore)
Objective-C与JavaScript交互的那些事
关于iOS7里的JavaScriptCore framework
第二种就是使用拦截跳转的方式。根据以下webview的代理函数可以拦截到跳转链接,然后根据链接来解析使用一些本地的方法。返回NO不跳转即可。但是一些互相之间的传参就比较麻烦了。github上一个项目WebViewJavascriptBridge可以根据拦截跳转来实现OC与JS之间的互相传参。
- (BOOL)webView:(UIWebView)webView shouldStartLoadWithRequest:(NSURLRequest)request navigationType:(UIWebViewNavigationType)navigationType;
第三种就是使用WKWebview,这个是iOS8之后才能用的,它也有原生的方法能够实现JS和OC的交互。下面这几篇文章有介绍如何使用。
使用WKWebView替换UIWebView:
(iOS7下用UIWebView,iOS8后用WKWebView)
Using JavaScript with WKWebView in iOS 8
UIWebView和WKWebView的使用及js交互
WKWebView与Js实战(OC版)
自己动手打造基于 WKWebView 的混合开发框架(二)——js 向 Native 一句话传值并反射出 Swift 对象执行指定函数
个人比较推荐第一种,第一种比较方便,而且适用于比较复杂的情况。我用第一种和第三种方式写了一个例子来实现互相之间的调用传参,有兴趣的可以看看:DSOCConnectWithJS。
还有如果要在iOS7下使用UIWebView,iOS8后使用WKWebView,同时实现统一的JS和OC之间的交互。一种就是使用跳转拦截的方式,一种就是给h5传系统版本号,让h5在iOS7的时候使用第一种的JS调用方式:xxxx.callbackHandler(''参数')。在iOS8之后使用第三种JS调用方式:
webkit.messageHandlers.callbackHandler.postMessage({"av":"jd"});
如果想让使用者使用同一个api调用,就自己再写一个js层转接。
最后这里还有一个safari调试技巧,能够在电脑safari中直接调试真机或模拟器的webview页面的样式。还能够直接在safari的控制台里直接输入js方法进行调试。具体怎么使用看这篇文章使用safari对webview进行调试。我这里由于是工程里的css,js文件,所以它监测不到,加载url的时候应该都没问题的。