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

Eric博客

于 2016-10-25 16:22:33 发布

阅读量3.9k

点赞数

分类专栏： iOS开发

本文链接：https://blog.youkuaiyun.com/u011452278/article/details/52923773

版权

iOS开发专栏收录该内容

82 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

- (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;\
     for(var i=0;i<length;i++){\
     img=imgs[i];\
     img.οnclick=function(){\
     window.location.href='image-preview:'+this.src}\
     }\
     }"];
    [webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];
    
}