博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UIWebView与js那些事
阅读量:6262 次
发布时间:2019-06-22

本文共 2076 字,大约阅读时间需要 6 分钟。

UIWebView是IOS SDK中渲染网面的控件,在显示网页的时候,我们可以hack网页然后显示想显示的内容。其中就要用到javascript的知识,而UIWebView与javascript交互的方法就是stringByEvaluatingJavaScriptFromString:

有了这个方法我们可以通过objc调用javascript,可以注入javascript。

首先我们来看一下,如何调用javascript:

 

  1. [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];  

这儿myFunction()就是我们的javascript方法。

 

再来看看入何注入javascript,我们先写一个需要注入的javascript:

 

  1. function showAlert() {  
  2.     alert('in show alert');  
  3. }  

保存为test.js,然后拖到xcode 的resource分组下。再用代码在初始化的时候注入这个js(如在viewDidLoad方法里)。

 

 

  1. NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"js"];  
  2. NSString *jsString = [[NSString alloc] initWithContentsOfFile:filePath];  
  3. [webView stringByEvaluatingJavaScriptFromString:jsString];  

这样就注入了上面的js,那么我们可以随时调用js的方法,如何调用,上面有介绍。

 

 

那么我们能不能通过js来调用objc的方法呢。 当然可以,原理就是利用UIWebView重定向请求,传一些命令到我们的UIWebView,在UIWebView的delegate的方法中接收这些命令,并根据命令执行相应的objc方法。这样就相当于在javascript中调用objc的方法。说起来有点抽象,看看代码一下就明白。

首先我们写一个javascript 方法如下:

  1. function sendCommand(cmd,param){  
  2.     var url="testapp:"+cmd+":"+param;  
  3.     document.location = url;  
  4. }  
  5. function clickLink(){  
  6.     sendCommand("alert","你好吗?");  
  7. }  

 

然后在你的html里调用这个js方法 如:

 

  1. <input type="button" value="Click me!" οnclick="clickLink()" /><br/>  

最后我们在UIWebVew中截获这个重定向请求:

 

 

  1. #pragma mark --  
  2. #pragma mark UIWebViewDelegate  
  3.   
  4. - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {  
  5.       
  6.     NSString *requestString = [[request URL] absoluteString];  
  7.     NSArray *components = [requestString componentsSeparatedByString:@":"];  
  8.     if ([components count] > 1 && [(NSString *)[components objectAtIndex:0] isEqualToString:@"testapp"]) {  
  9.         if([(NSString *)[components objectAtIndex:1] isEqualToString:@"alert"])   
  10.         {  
  11.             UIAlertView *alert = [[UIAlertView alloc]   
  12.                                   initWithTitle:@"Alert from Cocoa Touch" message:[components objectAtIndex:2]  
  13.                                   delegate:self cancelButtonTitle:nil  
  14.                                   otherButtonTitles:@"OK", nil];  
  15.             [alert show];  
  16.         }  
  17.         return NO;  
  18.     }  
  19.     return YES;  
  20. }  

 

看了代码是不是清楚得不能再清楚了呀?  我想phonegap可能与是这样实现的,没去研究过。 不过有一个开源工程大家可以看看,它允许javascript调用objective_c的方法。叫

还有两个相关工程

 与  值得大家慢慢研究。

 

转载于:https://www.cnblogs.com/yulang314/p/3741401.html

你可能感兴趣的文章
关于DialogFragment全屏方案
查看>>
WPF中查看PDF文件
查看>>
旷视科技 CSG 算法负责人姚聪:深度学习时代的文字检测与识别技术 | AI 研习社 103 期大讲堂...
查看>>
构建docker镜像
查看>>
《未来简史》读后感
查看>>
Flink靠什么征服饿了么工程师?
查看>>
VB VBA VBS有什么区别?
查看>>
CSS3 box-shadow
查看>>
手机 APP 无法连接服务器,DNS被篡改被劫持?
查看>>
Jboot 2.0.1 发布,新增基于 Fescar 的分布式事务支持
查看>>
使用RNA-seq数据通过网络熵评估肿瘤内异质性
查看>>
Scrapy基础——Spider
查看>>
Airbnb 宣布放弃使用 React Native,回归使用原生技术
查看>>
PyCharm for Mac快捷键小记
查看>>
Html5的从0到1-Html5的web Storage概述(16)
查看>>
中国IT行业盛行,程序员“过多”是主要原因?
查看>>
史上最难的一道Java面试题:分析篇
查看>>
HDFS常用命令(方便大家记忆版)
查看>>
kafka原理与实践(原创)
查看>>
如何在excel单元格中插入图片批注
查看>>