iOS与javascript交互

UIWebView是iOS最常用的SDK之一，它有一个 stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中，通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。

常见的几种使用途径:

1、获取当前页面的url。

[cpp]  view plain copy

1. - (void)webViewDidFinishLoad:(UIWebView *)webView {    
2.   NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];  
3. }  

2、获取页面title。

[cpp]  view plain copy

1. - (void)webViewDidFinishLoad:(UIWebView *)webView {    
2.    NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];  
3.   
4.    NSString *title = [webview stringByEvaluatingJavaScriptFromString:@"document.title"];   
5. }  

3、修改界面元素的值。

[cpp]  view plain copy

1. NSString *js_result = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByName('q')[0].value='Colin';"];  

4、表单提交：

[cpp]  view plain copy

1. NSString *js_result2 = [webView stringByEvaluatingJavaScriptFromString:@"document.forms[0].submit(); "];  

当然, 还有更多的功能, 需要你自己去学习。

我们这个工具所要做的是, 获取到博文的主要内容及其标题。

以导出单篇为例。

我们打开一个博文, 显示页面源代码, 可以看到下面这样的内容。

其中的" article_content" 就对应着csdn博文的 正文内容. 这是我们导出过程中需要的。(你肯定也不希望导出的文章里面嵌套着广告吧...)

所以, 我们可以通过简单的两行代码获取我们需要的内容:

[cpp]  view plain copy

1. //获取详细内容  
2. NSString *lJs = @"document.getElementById(\"article_content\").innerHTML";  
3. NSString *lHtml1 = [webView stringByEvaluatingJavaScriptFromString:lJs];  

同理,  文章标题可以这样获得:

[cpp]  view plain copy

1. //获取标题  
2. NSString *lJs2 = @"document.getElementById(\"article_details\").getElementsByClassName(\"article_title\")[0].getElementsByTagName(\"a\")[0].innerText";  
3. NSString *lHtml2 = [webView stringByEvaluatingJavaScriptFromString:lJs2];  

再深入一点, 我们甚至可以 修改显示网页的图片大小

[cpp]  view plain copy

1. //修改图片大小  
2. if ([lHtml1 rangeOfString:@"<img"].location != NSNotFound)  
3. {  
4.         NSScanner *myScanner = [NSScanner scannerWithString:lHtml1];  
5.         NSString *myText = nil;  
6.         while ([myScanner isAtEnd] == NO)  
7.         {  
8.              [myScanner scanUpToString:@"<img" intoString:nil];  
9.              [myScanner scanUpToString:@"s" intoString:&myText];  
10.                       
11.              lHtml1 = [lHtml1 stringByReplacingOccurrencesOfString:[NSString stringWithFormat:@"%@s",myText] withString:@"<img style=\"width:300px;height:this.offsetHeight;\" s"];  
12.          }  
13. }