您的位置: 首页  >  文章  >  iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图

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

分类: 文章 • 2025-02-11 12:04:28

导入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>  

演示

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


相关推荐