【iOS开发】UIWebView与JavaScript(JS) 回调交互

引用:http://blog.sina.com.cn/s/blog_693de6100102vi3w.html

很多关于object-c(简称:oc,是ios开发app使用的语言) 与 js 交互的文章都比较适用于 mac开发,iOS的webview 还是有所不一样,

参考:http://blog.sina.com.cn/s/blog_693de6100102vhuh.html

本文提供了一个很好解决 交互的思路。

自然,从oc到js,可以使用 stringByEvaluatingJavaScriptFromString: 来实现。

从js到oc,采用比较巧妙的设计,UIWebView浏览器拦截 url请求,自定义url的方式拦截交互请。

-------------------------------------------------

-------------------------------------------------

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

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

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

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

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

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

function showAlert() {

alert(‘in show alert‘);

}

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

NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"js"];

NSString *jsString = [[NSString alloc] initWithContentsOfFile:filePath];

[webView stringByEvaluatingJavaScriptFromString:jsString];

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

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

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

[javascript]

function sendCommand(cmd,param){

var url="testapp:"+cmd+":"+param;

document.location = url;

}

function clickLink(){

sendCommand("alert","你好吗?");

}

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

[javascript]

"button" value="Click me!" onclick="clickLink()" />

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

#pragma mark --

#pragma mark UIWebViewDelegate

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

NSString *requestString = [[request URL] absoluteString];

NSArray *components = [requestString componentsSeparatedByString:@":"];

if ([components count] > 1 && [(NSString *)[components objectAtIndex:0] isEqualToString:@"testapp"]) {

if([(NSString *)[components objectAtIndex:1] isEqualToString:@"alert"])

{

UIAlertView *alert = [[UIAlertView alloc]

initWithTitle:@"Alert from Cocoa Touch" message:[components objectAtIndex:2]

delegate:self cancelButtonTitle:nil

otherButtonTitles:@"OK", nil];

[alert show];

}

return NO;

}

return YES;

}

不过有一个开源工程大家可以看看,它允许javascript调用objective_c的方法。叫

jsbridge-to-cocoa   http://code.google.com/p/jsbridge-to-cocoa/

还有两个相关工程

WebViewJavascriptBridge 与 GAJavaScript 值得大家慢慢研究。

其他

插入js代码

上面的功能我们可以封装到一个js函数中,将这个函数插入到页面上执行,代码如下:

if ([title compare: @"Google"]==NSOrderedSame ) {

[webView stringByEvaluatingJavaScriptFromString:@"var script = document_createElement_x_x(‘script‘);"

"script.type = ‘text/javascript‘;"

"script.text = "function myFunction() { "

"var field = document.getElementsByName(‘q‘)[0];"

"field.value=‘朱祁林‘;"

"document.forms[0].submit();"

"}";"

"document.getElementsByTagName_r(‘head‘)[0].a(script);"];

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

}

看上面的代码:

a、首先通过js创建一个script的标签,type为‘text/javascript‘。

b、然后在这个标签中插入一段字符串,这段字符串就是一个函数:myFunction,这个函数实现google自动搜索关键字的功能。

c、然后使用stringByEvaluatingJavaScriptFromString执行myFunction函数。

1. 一般调用

将本地数据,封装,直接作为JS的返回值。如:获取软件的APPCode

//获取APPCode

NSArray *_plist_paths=NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask,YES);

NSString *_plist_paths_path=[_plist_paths objectAtIndex:0];

NSArray *_plist_array= [_plist_paths_path componentsSeparatedByString:@"/"];

NSString *_appcode=[[NSString alloc]init];

for (NSString *item in _plist_array) {

if ([item length]==36) {

_appcode=item;

break;

}

}

NSLog(@"current appcode:%@",_appcode);

//注入到js中

NSMutableString *_getApkCode=[[NSMutableString alloc]init];

[_getApkCode appendFormat:@" function  _getApkCode(){"];

[_getApkCode appendFormat:@"return ‘%@‘;",_appcode];

[_getApkCode appendString:@" }"];

[self.webView stringByEvaluatingJavaScriptFromString:_getApkCode];

[_getApkCode release];

2.需要跟平台进行交互调用

思路:

1.制造含有一定含义的请求如:(location.href="download");

2.在方法:-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType中,拦截:

//testMall:http://192.168.1.20:8083本地测试页面地址

NSString *pre_download=[NSString stringWithFormat:@"%@downLoad",testMall];

if([url hasPrefix:pre_download])

{

//下载代码。。。。

}

3. 注意事项

a.存在Iframe嵌套的页面,js注入

页面注入JS是注入到,浏览器的html中,对于内部嵌套iframe框架的页面,则无法调用到js。此时相当于调用父页面的JS。

可以通过parent+方法名,来调用你注入的JS。parent.parent的使用个数,可以是多个,不影响js的执行,如果少用parent,可能会导致,调不到你注入的JS

b.存在交互的处理方法。推荐使用方法,iphone只负责提供js接口,不调用html内部或其他的js接口

示例:

html

function addDownload()

{

url=‘www.XXX.XXX.zip‘;

download(url);//调用iphone提供的js接口

addDownloadTask_ret();//获取iphone下载接口执行的下载结果,此处调的是本地的一个延迟方法

}

//获取iphone下载接口执行的下载结果

function addDownloadTask_ret()

{

var obj=getDownloadTaskResult();//此处为iphone提供的接口,负责返回当前下载执行情况的结果if(‘‘!=obj||undefined!=obj)

{

//调用本地的一些后续处理方法。

}

else

{

setTimeout("addDownloadTask_ret2();",1000);

}

}

-------------------------------------------------

时间: 2024-11-03 20:27:44

【iOS开发】UIWebView与JavaScript(JS) 回调交互的相关文章

UIWebView与JavaScript(JS) 回调交互 -备

很多关于objc 与 js 交互的文章都比较适用于 mac开发,iOS的webview 还是有所不一样, 参考:http://blog.sina.com.cn/s/blog_693de6100102vhuh.html 本文提供了一个很好解决UIWebView内js和objc 交互的思路. 自然,从oc到js,可以使用 stringByEvaluatingJavaScriptFromString: 来实现. 从js到oc,采用比较巧妙的设计,UIWebView浏览器拦截 url请求,自定义url的

iOS开发日记27-WebView与JS的交互

今天博主有一个WebView与JS的交互的需求,遇到了一些困难点,在此和大家分享,希望能够共同进步. WebView与JS的交互分为两种种方式:1.在OC中调用JS 2.在JS中调用OC 网页试用[NSString stringWithFormat:@"http://cn.bing.com"] 一.在OC中调用JS 直接上代码 -(void)webViewDidFinishLoad:(UIWebView *)webView { //    NSString *docStr=[webVi

IOS中UIWebView和JavaScript交互(转自http://blog.2jun.net/2012/11/02/webviewandjs/)

IOS中UIWebView和JavaScript交互 当程序中使用到UIWebView控件的时候,难免会遇到需要与页面进行交互的情况.这种情况在android平台下比较容易处理,android平台下WebView控件的addJavascriptInterface()方法可以很轻松的完成交互,而IOS上就稍复杂一些. 页面与客户端的交互是通过JS来完成的,通常情况下与JS的交互可以分为两种:客户端传递给JS一些数据和JS向客户端请求一些本地操作.下面分别对这两种情况进行处理. JS向客户端请求本地

.Net魔法堂:史上最全的ActiveX开发教程——ActiveX与JS间交互篇

一.前言 经过上几篇的学习,现在我们已经掌握了ActiveX的整个开发过程,但要发挥ActiveX的真正威力,必须依靠JS.下面一起来学习吧! 二.JS调用ActiveX方法 只需在UserControl子类中(即自定义的ActiveX控件中),编写公共方法即可. C# [Guid("0203DABD-51B8-4E8E-A1EB-156950EE1668")] public partial class Uploader : UserControl, IObjectSafety { p

【Android与IOS开发对比系列】之 回调机制

[Android与IOS开发对比系列]之 回调机制 Android和IOS的回调的实现原理基本相同,只是具体命名不同而已. 本文将总结 IOS的Delegate和block, Android的interface和Handler. IOS 协议 委托Delegate是协议的一种,通过@protocol声明.委托类的作用,一是传值,二是传事件. 举个例子: 要实现选相册图片, 依据图: C类是委托类,定义了一个传值方法. A类显示一个图片,点击按钮,进入B类选取图片. 当在B类选完图片,将实现met

IOS开发- 用block实现回调

在IOS开发中经常会用到回调的情况,下面介绍如何用block实现回调. 1 #import <Foundation/Foundation.h> 2 3 @interface BLock : NSObject 4 5 + (void)getBlock:(void (^)(NSString *))someblock; 6 7 @end BLock.h 1 #import "BLock.h" 2 #import <Foundation/Foundation.h> 3

iOS 利用UIWebView与JavaScript交互的最简单办法

这里说的是针对iOS的!并且方法很简单!!并且验证可行的!!! 1, UIWebView调用 JavaScript 的函数: NSString* strValue = [webView stringByEvaluatingJavaScriptFromString:@"YourFunctionName('YourParameter')"]; 上面这句就是调用 JavaScript里面自定义的函数 YourFunctionName(传入参数'YourParameter',取得返回值赋给st

iOS 利用UIWebView与JavaScript交互的最简单办法(本人已验证可行)

本贴转自:http://blog.csdn.net/h_o_w_e/article/details/28887005 1, UIWebView调用 JavaScript 的函数: NSString* strValue = [webView stringByEvaluatingJavaScriptFromString:@"YourFunctionName('YourParameter')"]; 上面这句就是调用 JavaScript里面自定义的函数 YourFunctionName(传入

UIWebView中javascript与Objective-C交互、获取摄像头

UIWebView是iOS开发中常用的一个视图控件,多数情况下,它被用来显示HTML格式的内容. 支持的文档格式 除了HTML以外,UIWebView还支持iWork, Office等文档格式: Excel (.xls) Keynote (.key.zip) Numbers (.numbers.zip) Pages (.pages.zip) PDF (.pdf) Powerpoint (.ppt) Word (.doc) Rich Text Format (.rtf) Rich Text For