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

最新推荐文章于 2021-06-09 11:12:25 发布

ZFJ_张福杰

最新推荐文章于 2021-06-09 11:12:25 发布

阅读量3.1k

点赞数 2

分类专栏： iOS开发文章标签： UIWebView WKWebView

本文链接：https://blog.csdn.net/u014220518/article/details/64451180

版权

iOS开发专栏收录该内容

108 篇文章 10 订阅

订阅专栏

导入JS

- (void)webViewDidFinishLoad:(UIWebView *)webView{
    //这里是js，主要目的实现对url的获取 body
    static  NSString * const jsGetImages =
    @"function getImages(){\
    var objs = document.querySelectorAll(\"body img\");\
    var imgScr = '';\
    for(var i=0;i<objs.length;i++){\
    imgScr = imgScr + objs[i].src + '+';\
    };\
    return imgScr;\
    };";
    
    [webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法
    NSString *urlResurlt = [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];
    NSLog(@"urlResurlt == %@",urlResurlt);
    [self.urlArray addObjectsFromArray:[urlResurlt componentsSeparatedByString:@"+"]];
    if (self.urlArray.count >= 2) {
        [self.urlArray removeLastObject];
    }
    //urlResurlt 就是获取到得所有图片的url的拼接；mUrlArray就是所有Url的数组
    
    //添加图片可点击js
    [webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\
     var imgs = document.querySelectorAll(\"body img\");\
     var length = imgs.length;\
     for(var i=0;i<length;i++){\
     img = imgs[i];\
     img.οnclick=function(){\
     window.location.href='image-preview:'+this.src}\
     }\
     }"];
    [webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];
}

获取点击链接

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    //预览图片
    if ([request.URL.scheme isEqualToString:@"image-preview"]) {
        NSString * imgUrl = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
        [imgUrl stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
        //path 就是被点击图片的url
        [self showSDPhotoBrowser:imgUrl];
        return NO;
    }
    return YES;
}