网页中调用JS与JS注入

时间 2019-12-05

标签网页调用注入栏目 HTML 繁體版

原文原文链接

不少应用为了节约成本，作出同时在Android与iOS上都能使用的界面，这时就要使用WebView来作。Android和IOS上都有WebView，作起来很省事。固然这时就要考虑如何在Android或iOS中实现与网页的交互。对iOS而言，包括如何在网页中调用OC，以及如何在OC中对网页进行操做。javascript

先将网页弄到iOS项目中：html

网页内容以下，仅供测试：java

<html>
<head>
<meta xmlns="http://www.w3.org/1999/xhtml" http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这是一个示例html文件</title>
<script Type='text/javascript'>
function clickme() {
alert('点击按钮了！');
}
</script>
</head>
<body>
<h1>OC与JS互动</h1>
<h2>blog.csdn.net/xn4545945</h2>
<a href="neng://loadUrl/blog.csdn.net">点击一下, 连接调用OC函数</a>
<br/>
<br/>
<a href="http://m.baidu.com">js注入, 到baidu页面上实验</a>
</body>
</html>

1、在OC中调用JSweb

最重要的方法：stringByEvaluatingJavaScriptFromStringxcode

直接上代码，说明见注释：浏览器

[objc] view plain copy

/**===========================OC 中调用 JS====================================*/
- (void)webViewDidFinishLoad:(UIWebView *)webView {
//1.OC中调用JS的文档对象. (先拼出文档对象的属性) 能够在浏览器控制台输入来进行测试
NSLog(@"%@", [self.webView stringByEvaluatingJavaScriptFromString:@"document.title"]);
//2.OC中调用JS的方法
[self.webView stringByEvaluatingJavaScriptFromString:@"clickme()"];
}

2、用超连接来调用OC中方法app

步骤：函数

*1.设置webView的代理<UIWebViewDelegate>

*2.在代理的方法shouldStartLoadWithRequest:中调用.(该方法与网页的加载有关)

*方法:就是在网页连接中写好自定义协议.而后在OC方法中检查点击的连接中是否有该协议,有则作相关操做.

代码以下：oop

[objc] view plain copy

/**=========================== webView连接中调用 OC===============================*/
/**webView的代理方法:加载页面有关. 当直接返回为NO时,会调用JS方法
其中request参数与发送请求有关*/
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
NSLog(@"%@", request.URL.absoluteString); //能够直接拿到发送请求的网址
NSString *urlStr = request.URL.absoluteString;
// 格式 neng://loadUrl/blog.csdn.net 协议/方法/网址
//判断连接中的协议头,若是是neng://, 则进行相关操做
if ([urlStr hasPrefix:@"neng://"]) {
//拿到除去协议头的后部
NSString *urlContent = [urlStr substringFromIndex:[@"neng://" length]];
NSLog(@"%@", urlContent);
//用/来拆分字符串
NSArray *urls = [urlContent componentsSeparatedByString:@"/"];
NSLog(@"拆分的结果为:%@", urls);
//取出方法名
if (urls.count != 2) {
return NO;
}
NSString *funName = [NSString stringWithFormat:@"%@:", urls[0]]; //带参数的方法,加冒号
SEL callFun = NSSelectorFromString(funName);
//取消警告
# pragma clang diagnostic push
# pragma clang diagnostic ignored "-Warc-performSelector-leaks"
[self performSelector:callFun withObject:urls[1]]; //将blog.csdn.net做为参数传入
# pragma clang diagnostic pop
NSLog(@"方法名为%@, 传入参数为%@", funName, urls[1]);
return NO;
}
return YES;
}
- (void)loadUrl:(NSString *)urlStr {
NSLog(@"接收到参数: %@", urlStr);
//跳转到指定的URL--->urlStr
NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@", urlStr]];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];
}

3、JS实现注入测试

JS是操做网页的利器，利用好JS才能真正在应用中为所欲为的操做网页。

核心方法：stringByEvaluatingJavaScriptFromString（与第一个相同，这个是在iOS中操做JS最重要方法）

代码以下：

[objc] view plain copy

/**===========================JS 注入====================================*/
- (void)jsClick {
[self.webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function myFunction() { " //定义myFunction方法
"var field = document.getElementsByName('word')[0];"
"field.value='WWDC2014';"
"document.forms[0].submit();"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);"]; //添加到head标签中
[self.webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];
}

附上例子源码：http://download.csdn.net/detail/xn4545945/7584575