iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图
2018-02-08 16:33
781 查看
导入JS
[objc] viewplain copy
<span style="font-size:18px;">- (void)webViewDidFinishLoad:(UIWebView *)webView{
//这里是js,主要目的实现对url的获取 body
static NSString * const jsGetImages =
@"function getImages(){\
var objs = document.querySelectorAll(\"body 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()"];
NSLog(@"urlResurlt == %@",urlResurlt);
[self.urlArray addObjectsFromArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (self.urlArray.count >= 2) {
[self.urlArray removeLastObject];
}
//urlResurlt 就是获取到得所有图片的url的拼接;mUrlArray就是所有Url的数组
//添加图片可点击js
[webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\
var imgs = document.querySelectorAll(\"body img\");\
var length = imgs.length;\
for(var i=0;i<length;i++){\
img = imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];
}</span>
获取点击链接
[objc] viewplain copy
<span style="font-size:18px;">- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
//预览图片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
NSString * imgUrl = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
[imgUrl stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
//path 就是被点击图片的url
[self showSDPhotoBrowser:imgUrl];
return NO;
}
return YES;
}</span>
演示
相关文章推荐
- iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图
- iOS-获取UIWebView或者WKWebView页面的视频连接
- WKWebview 获取网页高度,图片点击查看,网页链接点击
- [原创]WKWebview点击图片查看大图
- WKWebview点击图片查看大图
- WKWebview点击图片查看大图
- iOS webView 和 H5 页面交互(点击获取H5页面中的按钮,做自己想做的操作)
- 利用CMHTMLView实现webview基础功能,同时获取点击图片链接的功能
- ios 点击webview获取图片url (js交互)
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- iOS WKWebView高度自适应以及截获页面点击的url
- iOS开发 之 WebView点击图片看大图效果
- iOS WKWebView高度自适应以及截获页面点击的url
- web view的图片添加点击事件,和获取所有图片链接
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- iOS WebView 图片点击放大并左右滑动,类似微信/网易文章功能
- iOS webview 获取html中所有的图片资源,图片添加点击方法
- Android 实现WebView点击图片查看大图列表及图片保存
- Android点击WebView中的图片查看大图
- 调用js代码获取webView页面中的所有图片及点击事件