获取webview中的图片链接

项目中用到webview加载服务器输出的页面内容，其中的图片需要放大展示。

使用手势识别，配合执行js代码的能力，如下代码可以实现获取图片的链接：

在.h文件中添加UIGestureRecognizerDelegate

@interface DetailViewController : UIViewController <UIWebViewDelegate, UIGestureRecognizerDelegate>  {
    MBProgressHUD *HUD;
    BOOL isLoaded;  //是否已加载完成
}
           

在.m的viewDidLoad中添加

//添加点击识别，识别webview中的图片
UITapGestureRecognizer *gs = [[UITapGestureRecognizer alloc] init];
gs.numberOfTapsRequired = 1;
gs.delegate = self;
[self.view addGestureRecognizer:gs];
           

然后实现delegate事件，会实时获取点击的元素的src。

-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    NSLog(@"TAPPED");
    //Touch gestures below top bar should not make the page turn.
    //EDITED Check for only Tap here instead.
    if ([gestureRecognizer isKindOfClass:[UITapGestureRecognizer class]]) {
        CGPoint touchPoint = [touch locationInView:self.view];
        
        if(self.interfaceOrientation==UIInterfaceOrientationPortrait||self.interfaceOrientation==UIInterfaceOrientationPortraitUpsideDown) {
            NSString *imgURL = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).src", touchPoint.x, touchPoint.y];
            NSString *urlToSave = [self.detailWebView stringByEvaluatingJavaScriptFromString:imgURL];
            NSLog(@"urlToSave :%@",urlToSave);
        }
    }
    return YES;
}
           

获取到以后，我们就可以根据url内容判断类型，用新视图加载显示，做各种放大缩小分享等操作了。