IOS ObjectC与javascript交互详解及实现代码
IOSOC与js交互详解
JS注入:把JS代码有OC注入到网页
JS注入又叫做OC和JS的交互
OC和JS的交互需要一个桥梁(中介),这个桥梁就是UIWebView的代理方法
网页加载初始内容
#import"ViewController.h" @interfaceViewController()@property(weak,nonatomic)IBOutletUIWebView*webView; @end -(void)viewDidLoad{ [superviewDidLoad]; //设置webView的代理 self.webView.delegate=self; //加载网页数据 NSURL*URL=[NSURLURLWithString:@"http://m.dianping.com/tuan/deal/5501525"]; //NSURL*URL=[NSURLURLWithString:@"https://www.hao123.com/?tn=93321723_hao_pg"]; NSURLRequest*request=[NSURLRequestrequestWithURL:URL]; [self.webViewloadRequest:request]; }
在UIWebView的代理方法里用js来更改原生网页
///网页加载完成之后调用的代理方法:JS注入:OC调用JS代码
-(void)webViewDidFinishLoad:(UIWebView*)webView
{
//用于拼接JS代码的字符串
NSMutableString*stringM=[NSMutableStringstring];
//拼接移除顶部导航的JS代码
[stringMappendString:@"varheaderTag=document.getElementsByTagName('header')[0];headerTag.parentNode.removeChild(headerTag);"];
//拼接移除橙色按钮的JS代码
[stringMappendString:@"varfooterBtnTag=document.getElementsByClassName('footer-btn-fix')[0];footerBtnTag.parentNode.removeChild(footerBtnTag);"];
//拼接移除底部布局的JS代码
[stringMappendString:@"varfooterTag=document.getElementsByClassName('footer')[0];footerTag.parentNode.removeChild(footerTag);"];
//拼接给img标签添加点击事件的JS代码
[stringMappendString:@"varimgTag=document.getElementsByTagName('figure')[0].children[0];imgTag.onclick=function(){window.location.href='https://www.baidu.com'};"];
//这个方法就是UIWebView提供的.专门做JS注入的方法
[webViewstringByEvaluatingJavaScriptFromString:stringM];
}
拦截原生网络请求网页跳转
imgTag.onclick=function(){window.location.href='https://www.baidu.com‘}
点击imgTag时,主动发送网络请求
主动发送网络请求的目的:就是为了让UIWebView能够拦截到我的自定义的URL
通过自定义的URL,判断/区别我点击的标签是否是我设计的那个标签
自定义独一无二的URL,表示点击的是独一无二的标签
总结起来就是两步
第一步:JS注入标签的点击事件,并主动发送一个自定义的URL的请求
第二步:在UIWebView里面.拦截自定义的URL的请求,然后判断请求
JS间接调用OC:JS和OC的交互
网页即将开始加载时调用的代理方法:可以拦截到webView上的所有的网络请求
-(BOOL)webView:(UIWebView*)webViewshouldStartLoadWithRequest:(NSURLRequest*)requestnavigationType:(UIWebViewNavigationType)navigationType
{
//获取拦截到的所有的请求
NSString*URLString=request.URL.absoluteString;
//https://m.baidu.com/?from=1015143h
//NSLog(@"%@",URLString);
if([URLStringisEqualToString:@"https://m.baidu.com/?from=1015143h"]){
NSLog(@"我点击的是imgTag");
//当我知道点击的是imgTag时,自动push
//http://www.csdn.net/
NSURL*URL=[NSURLURLWithString:@"http://www.csdn.net/"];
NSURLRequest*request=[NSURLRequestrequestWithURL:URL];
[self.webViewloadRequest:request];
//TestViewController*testVC=[[TestViewControlleralloc]init];
//[self.navigationControllerpushViewController:testVCanimated:YES];
//因为这个地址是无效地址.不需要加载的
returnNO;
}
//返回YES的作用:表示你拦截到的请求,允许正常的发送出去;反之,不允许拦截到的请求发送出去
returnYES;
}
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！