iOS webview 获取html中所有的图片资源，图片添加点击方法

最新推荐文章于 2021-06-25 21:01:42 发布

Eric博客

最新推荐文章于 2021-06-25 21:01:42 发布

阅读量3.8k

点赞数

分类专栏： iOS开发

本文链接：https://blog.csdn.net/u011452278/article/details/52923773

版权

该博客介绍如何在iOS的WebView中获取HTML中所有图片的资源，并为每张图片添加点击事件，使得点击图片时能够预览。通过注入JavaScript方法获取img标签的src属性，将图片URL存入数组，并注册点击事件，当点击图片时，跳转到预览页面。

摘要由CSDN通过智能技术生成

- (void)webViewDidFinishLoad:(UIWebView *)webView{
    //这里是js，主要目的实现对url的获取
    static  NSString * const jsGetImages =
    @"function getImages(){\
    var objs = document.getElementsByTagName(\"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()"];
    self.mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
    
    
    //添加图片可点击js
    [webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\
     var imgs=document.getElementsByTagName('img');\
     var length=imgs.length;\
     f