iOS webView 加载 HTML,点击图片或链接相应操作

开发中,需要展示 HTML 类型的数据,HTML 相应包含图片或链接需要处理,多数选择的 UIWebView 或 WKWebView(关于两者的区别不明白,请自行百度),今天把一个三方类介绍给大家,那就是 IMYWebView,这个类兼容 WKWebView 和 UIWebView,实现了 UIWebView 到 WKWebView 的对接,即使你之前的项目是用的 UIWebView ,那也没关系,只要将 UIWebView 换成 IMYWebView 就可以了。

HtmlWebView.gif

图片或链接相应操作,具体详情请查看 Demo

//添加图片可点击js
  - (void)webViewDidFinishLoad:(UIWebView *)webView{
    
//    //调整字号
//    NSString *str = @"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '95%'";
//    [webView stringByEvaluatingJavaScriptFromString:str];
    
    //添加图片可点击js
    static  NSString * const jsGetImages =
    @"function getImages(){\
    var objs = document.getElementsByTagName(\"img\");\
    for(var i=0;i<objs.length;i++){\
    objs[i].onclick=function(){\
    document.location=\"myweb:imageClick:\"+this.src;\
    };\
    };\
    return objs.length;\
    };";
    
    [webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法
    
    //注入自定义的js方法后别忘了调用 否则不会生效(不调用也一样生效了,,,不明白)
    [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];
    
    /** 加载链接 图片*/
    [self getImageData];
}


/**
 加载 webview 图片
 */
- (void)getImageData{
    
    //这里是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;\
    };";
    
    [self.web stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法
    
    NSString *urlResurlt = [self.web stringByEvaluatingJavaScriptFromString:@"getImages()"];
    
    mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
    
    [mUrlArray removeLastObject]; // 删除最后一个 +
    
    _assets = [NSMutableArray array];

    for (NSString *url in mUrlArray) {

        ZLPhotoPickerBrowserPhoto *photo = [[ZLPhotoPickerBrowserPhoto alloc] init];
        photo.photoURL = [NSURL URLWithString:url];
        [_assets addObject:photo];
    }
}

/**
 图片浏览

 @param aStr <#aStr description#>
 */
- (void)tapBrowser:(NSString *)aStr{
    
    [self.assets enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {

        ZLPhotoPickerBrowserPhoto *photo = obj;

        if([photo.photoURL.absoluteString isEqual:aStr]){
            index = idx;
        }
    }];


    // 图片游览器
    ZLPhotoPickerBrowserViewController *pickerBrowser = [[ZLPhotoPickerBrowserViewController alloc] init];

    pickerBrowser.status = UIViewAnimationAnimationStatusZoom;
    pickerBrowser.photos = self.assets;
    // 当前选中的值
    pickerBrowser.currentIndex = index;
    // 展示控制器
    [pickerBrowser showPickerVc:self];
    
}


参考 0

参考 1

IMYVKWebView

Github

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容

  • 几口气看完了《月亮与六便士》这本书。(微信读书版本的翻译不是很灵巧,给内容和思想四星好评) 故事初,很难受。很难理...
    喜欢鱼的阿荣阅读 697评论 0 3
  • 第一次补打卡!! 昨天居然忘记了。 晚上在狂补复习二级视频。 等今天考完了,就解放了,回到我的图书馆。最近都没去,...
    执着去大西北的女子阅读 101评论 0 1
  • 喜欢听雨 雨滴轻缓不一 敲打叶子的声音 雨声清晰了 心静了 没有伤感 也没有欢喜 一杯清茶 一盏薰香 思绪如 袅袅...
    名非名阅读 290评论 0 0
  • 片段一《坚持,一种可以养成的习惯》尽量找出不被侵犯的“圣地" 利用不容易被工作或私事影响的时间最好,例如,如果利用...
    DAVAD阅读 214评论 0 1
  • 小的时候我们都听过一个叫“龟兔赛跑”的故事。兔子尽管跑的快,但是一路上三心二意,走走停停。而乌龟则按着“龟速”前行...
    斯尔文特小岛阅读 249评论 0 1