我們都知道，WKWebview是沒有查看大圖的屬性或者方法的，所以只能通過js與之交互來實現這一功能，原理：通過js獲取頁面的圖片，把它存放到數組，給圖片添加點擊事件，通過index顯示大圖就行了其實很簡單，給WKWebview寫個類別，添加兩個方法就行了，然后在WKWebview的兩個協議中調用下這兩個方法就行了
第一步：
首先聲明個數組來接收圖片數組，可是有個問題，那就是類別是聲明不了屬性的，那怎么辦呢？我們可以通過runtime來設置屬性，runtime非常有用，我們以后的篇章會說到。
staticcharimgUrlArrayKey;
- (void)setMethod:(NSArray*)imgUrlArray
{
? ??objc_setAssociatedObject(self, &imgUrlArrayKey, imgUrlArray,?OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (NSArray*)getImgUrlArray
{
? ??returnobjc_getAssociatedObject(self, &imgUrlArrayKey);
}
這樣就聲明了個數組
第二步：
方法一：通過js獲取網頁圖片數組
/*
*通過js獲取htlm中圖片url
?*/
-(NSArray*)getImageUrlByJS:(WKWebView*)wkWebView {
? ??//查看大圖代碼
? ??//js方法遍歷圖片添加點擊事件返回圖片個數
staticNSString*constjsGetImages =
? ??@"function getImages(){\
? ? var objs = document.getElementsByTagName(\"img\");\
? ? var imgUrlStr='';\
? ? for(var i=0;i
? ? if(i==0){\
? ? if(objs[i].alt==''){\
? ? imgUrlStr=objs[i].src;\
? ? }\
? ? }else{\
? ? if(objs[i].alt==''){\
? ? imgUrlStr+='#'+objs[i].src;\
? ? }\
? ? }\
? ? objs[i].onclick=function(){\
? ? if(this.alt==''){\
? ? document.location=\"myweb:imageClick:\"+this.src;\
? ? }\
? ? };\
? ? };\
? ? return imgUrlStr;\
};";
? ? //用js獲取全部圖片
[wkWebViewevaluateJavaScript:jsGetImagescompletionHandler:^(idResult,NSError* error) {
NSLog(@"js___Result==%@",Result);
? ? ? ??NSLog(@"js___Error -> %@", error);
? ? }];
? ??NSString?*js2=@"getImages()";
__blockNSArray*array=[NSArrayarray];
[wkWebViewevaluateJavaScript:js2completionHandler:^(idResult,NSError* error) {
NSLog(@"js2__Result==%@",Result);
? ? ? ??NSLog(@"js2__Error -> %@", error);
NSString*resurlt=[NSStringstringWithFormat:@"%@",Result];
if([resurlthasPrefix:@"#"])
? ? ? ? {
resurlt=[resurltsubstringFromIndex:1];
? ? ? ? }
NSLog(@"result===%@",resurlt);
? ? ? ? array=[resurlt?componentsSeparatedByString:@"#"];
NSLog(@"array====%@",array);
[wkWebViewsetMethod:array];
? ? }];
returnarray;
}
第三步：
在加載頁面導入頭文件，#import "WKWebView+HtmlImages.h"；#import "SDPhotoBrowser.h"http:// 圖片瀏覽器；然后實現wkWebView的代理方法。
// 頁面加載完成之后調用
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
? ? //通過js獲取htlm中圖片url
? ? [self.wkWebView getImageUrlByJS:webView];
}
第四步：
#pragma mark - WKNavigationDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
? ? NSURL *URL = navigationAction.request.URL;
? ? NSString *scheme = [URL scheme];
? ? //前綴
? ? NSString *path = [navigationAction.request.URL.absoluteString stringByRemovingPercentEncoding];
?if ([scheme isEqualToString:@"myweb"]){
? ? ? ? if ([path hasPrefix:@"myweb:imageClick:"]){
? ? ? ? ? ? NSString *imageUrl = [path substringFromIndex:@"myweb:imageClick:".length];
? ? ? ? ? ? NSLog(@"image url------%@", imageUrl);
? ? ? ? ? ? NSArray *imgUrlArr=[self.wkWebView getImgUrlArray];
? ? ? ? ? ? if (imgUrlArr.count == 0) {
? ? ? ? ? ? ? ? NSMutableArray *tempArray = [[NSMutableArray alloc] init];
? ? ? ? ? ? ? ? [tempArray addObject:imageUrl];
? ? ? ? ? ? ? ? imgUrlArr = [tempArray copy];
? ? ? ? ? ? }
? ? ? ? ? ? NSInteger index=0;
? ? ? ? ? ? for (NSInteger i=0; i<[imgUrlArr count]; i++) {
? ? ? ? ? ? ? ? DLog(@"imgUrlArr == %@",imgUrlArr[i]);
? ? ? ? ? ? ? ? if([imageUrl isEqualToString:imgUrlArr[i]]) {
? ? ? ? ? ? ? ? ? ? index=i;
? ? ? ? ? ? ? ? ? ? SDPhotoBrowser *browser = [[SDPhotoBrowser alloc] init];
? ? ? ? ? ? ? ? ? ? browser.sourceImagesContainerView = self.view; // 原圖的父控件
? ? ? ? ? ? ? ? ? ? browser.imageCount = imgUrlArr.count; // 圖片總數
? ? ? ? ? ? ? ? ? ? browser.currentImageIndex = index;
? ? ? ? ? ? ? ? ? ? browser.delegate = self;
? ? ? ? ? ? ? ? ? ? [browser show];
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? }
? ? decisionHandler(WKNavigationActionPolicyAllow);
}
