iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图

导入JS

[objc]  view plain  copy

1. <span style="font-size:18px;">- (void)webViewDidFinishLoad:(UIWebView *)webView{  
2.     //这里是js，主要目的实现对url的获取 body  
3.     static  NSString * const jsGetImages =  
4.     @"function getImages(){\ 
5.     var objs = document.querySelectorAll(\"body img\");\  
6.     var imgScr = '';\  
7.     for(var i=0;i<objs.length;i++){\  
8.     imgScr = imgScr + objs[i].src + '+';\  
9.     };\  
10.     return imgScr;\  
11.     };";  
12.       
13.     [webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法  
14.     NSString *urlResurlt = [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];  
15.     NSLog(@"urlResurlt == %@",urlResurlt);  
16.     [self.urlArray addObjectsFromArray:[urlResurlt componentsSeparatedByString:@"+"]];  
17.     if (self.urlArray.count >= 2) {  
18.         [self.urlArray removeLastObject];  
19.     }  
20.     //urlResurlt 就是获取到得所有图片的url的拼接；mUrlArray就是所有Url的数组  
21.       
22.     //添加图片可点击js  
23.     [webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\ 
24.      var imgs = document.querySelectorAll(\"body img\");\  
25.      var length = imgs.length;\  
26.      for(var i=0;i<length;i++){\  
27.      img = imgs[i];\  
28.      img.onclick=function(){\  
29.      window.location.href='image-preview:'+this.src}\  
30.      }\  
31.      }"];  
32.     [webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];  
33. }</span>  

获取点击链接

[objc]  view plain  copy

1. <span style="font-size:18px;">- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{  
2.     //预览图片  
3.     if ([request.URL.scheme isEqualToString:@"image-preview"]) {  
4.         NSString * imgUrl = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];  
5.         [imgUrl stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];  
6.         //path 就是被点击图片的url  
7.         [self showSDPhotoBrowser:imgUrl];  
8.         return NO;  
9.     }  
10.     return YES;  
11. }</span>  

演示