UIWebView的js和OC交互方式
其包括三种方式:
第一种::UIWebViewDelegate(代理方法)
第二种: JavaScriptCore
第三种: WebViewJavascript Bridge
下面就按照顺序依次展开,我推荐使用前两种,因为第三种需要依赖第三方框架,还有个缺点就是不一定能够拦截成功,第三种方法知道就行了.废话不多说开始正题.
一.UIWebViewDelegate
这种方式是最简单的,我在实际项目中用的就是这一种,简单方便实用,主要是根据UIWebViewDelegate的代理方法进行拦截.
-(BOOL)webView:(UIWebView *)webViewshouldStartLoadWithRequest:(NSURLRequest *)requestnavigationType:(UIWebViewNavigationType)navigationType{}
例如:www.baidu.com网页为例
点击新闻按钮,根据shouldStartLoadWithRequest这个方法,打印出返回的url地址为
-(BOOL)webView:(UIWebView *)webViewshouldStartLoadWithRequest:(NSURLRequest *)requestnavigationType:(UIWebViewNavigationType)navigationType{
NSString *requestStr = [request.URL absoluteString];
NSLog(@"%@",requestStr);
}
-(BOOL)webView:(UIWebView *)webViewshouldStartLoadWithRequest:(NSURLRequest *)requestnavigationType:(UIWebViewNavigationType)navigationType{
NSString *requestStr=[request.URLabsoluteString];
NSLog(@"%@",requestStr);
//判断返回的url是否包含news这个字符串,如果有进入if判断,进行拦截,如果没有,则return YES,放行;
NSRangenewRange=[[requestStrlowercaseString]rangeOfString:@"news"];
if(newRange.length>0){
//进行你需要的操作
returnNO;
}
returnYES;
}
二.JavaScriptCore(这个是iOS7之后苹果推出的一JS和OC交互的一个框架,极大的方便了我们对js的操作)
相关的几个类
/*
JS执行的环境，同时也通过JSVirtualMachine管理着所有对象的生命周期，每个JSValue都和JSContext相关联并且强引用context。
*/
#import "JSContext.h"
/*
JS对象在JSVirtualMachine中的一个强引用，其实就是Hybird对象。我们对JS的操作都是通过它。并且每个JSValue都是强引用一个context。同时，OC和JS对象之间的转换也是通过它
*/
#import "JSValue.h"
/*
JS和OC对象的内存管理辅助对象。由于JS内存管理是垃圾回收，并且JS中的对象都是强引用，而OC是引用计数。如果双方相互引用，势必会造成循环引用，而导致内存泄露。我们可以用JSManagedValue保存JSValue来避免。
*/
#import "JSManagedValue.h"
/*
JS运行的虚拟机，有独立的堆空间和垃圾回收机制。
*/
#import "JSVirtualMachine.h"
/*
一个协议，如果JS对象想直接调用OC对象里面的方法和属性，那么这个OC对象只要实现这个JSExport协议就可以了。
*/
#import "JSExport.h"
接下来就是如何去通过js来调用oc的方法了
//首先你要在本地的html文件里注册一个按钮,按钮的打击名字jsButton
JavaScriptCore测试页面
//首先你要在本地的html文件里注册一个按钮,按钮的打击名字jsButton
JavaScriptCore测试页面
JS按钮
//然后在加载完成的方法里通过JSContext来获取相应操作的key值.key值是html文件里点击方法的名字,并且调用你需要的操作
-(void)webViewDidFinishLoad:(UIWebView *)webView{
JSContext *context=[self.webViewvalueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
context[@"jsButton"]= ^{
//在这里调用你需要的操作
UIAlertController *alert=[UIAlertControlleralertControllerWithTitle:@"点击了JS按钮"message:@""preferredStyle:(UIAlertControllerStyleAlert)];
UIAlertAction *sureAlertAction=[UIAlertActionactionWithTitle:@"OK"style:(UIAlertActionStyleDefault)handler:^(UIAlertAction *_Nonnullaction){
}];
[alertaddAction:sureAlertAction];
[selfpresentViewController:alertanimated:YEScompletion:^{
}];
};
}
三.WebViewJavascriptBridge
第三种方法是通过WebViewJavascriptBridge这个第三方库,把js和oc之间搭建一个桥,来实现相互通信,这个是我最不推荐的一种方法,因为他需要依赖第三方库来实现,通过互相注册方法,增加代码量并且并不是每次方法都能注册上,有一定的失败几率,由于不推荐,所以就安排在最后,不做太详细的解释
3.1创建webview
UIWebView*webView=[[UIWebViewalloc]initWithFrame:self.view.bounds];
[self.viewaddSubview:webView];
NSString *path=[[NSBundlemainBundle]pathForResource:@"JSBridge"ofType:@"html"];
NSURL *baseURL=[NSURLfileURLWithPath:[[NSBundlemainBundle]bundlePath]];
NSString *htmlString=[NSStringstringWithContentsOfFile:pathencoding:NSUTF8StringEncodingerror:nil];
[webViewloadHTMLString:htmlStringbaseURL:baseURL];
[self.viewaddSubview:webView];
3.2创建WebViewJavascriptBridge
[WebViewJavascriptBridgeenableLogging];
_bridge=[WebViewJavascriptBridgebridgeForWebView:webView];
[_bridgesetWebViewDelegate:self];
3.3注册js要调用Native
//handlerName:需要调用js的名字
//handler:需要oc进行的操作
-(void)registerHandler:(NSString *)handlerNamehandler:(WVJBHandler)handler{
[_bridgeregisterHandler:@"scanClick"handler:^(iddata,WVJBResponseCallbackresponseCallback){
//需要进行的操作
UIAlertController *alert=[UIAlertControlleralertControllerWithTitle:@"点击了按钮"message:@""preferredStyle:(UIAlertControllerStyleAlert)];
UIAlertAction *sureAlertAction=[UIAlertActionactionWithTitle:@"OK"style:(UIAlertActionStyleDefault)handler:^(UIAlertAction *_Nonnullaction){
}];
[alertaddAction:sureAlertAction];
[selfpresentViewController:alertanimated:YEScompletion:^{
}];
}];
