文档章节

使用UIWebView截取整个网页

久伴旧伴
 久伴旧伴
发布于 2017/07/11 19:12
字数 346
阅读 1
收藏 0

从业务需要说起,需要把整个webview里面渲染的页面 截图存成一张图片。上传服务器。

首先页面要加载完成。应该在webViewDidFinishLoad 进行截图的操作。

 

方法如下:

 

    //1.开启位图上下文.

    UIGraphicsBeginImageContextWithOptions(self.webView.bounds.size,NO,0);

   

    //2.把控制器webView的内容绘制到上下文当中.layer是不能够直接绘制的.要用渲染的方法才能够让它绘制到上下文当中.

   

    CGContextRef ctx =UIGraphicsGetCurrentContext();

   

    [self.view.layer renderInContext:ctx];

   

    //3.生成一张图片

   

    UIImage *newImage =UIGraphicsGetImageFromCurrentImageContext();

   

    //4.关闭上下文

   

    UIGraphicsEndImageContext();

   

    //5.1图片转成二进制流存入data

   

    NSData*data =UIImagePNGRepresentation(newImage);

   

    [data writeToFile:@"/Users/yx/Desktop/newImage.png"atomically:YES];

   

    //5.2图片存入NSDocument

    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask, YES);

   

    NSString *filePath = [[paths objectAtIndex:0] stringByAppendingPathComponent:[NSString stringWithFormat:@"newImage.png"]]; 

 

【这样操作有一个问题,上下文开启的时候有一个参数size。如果只是手机屏幕的大小,那么webview里面 只能截取一屏的内容。】

 

为了截全貌,只需要把它全部展示出来,即把UIWebView.size变成UIWebView.scrollview.contentSize,完成截图操作后,见【代码1】

再把UIWebView.scrollview.contentOffset设置为(0,0)、把UIWebView.size还原 保证可以正常的滑动。见【代码2】

 

【代码1】:

    //把webview的frame改变成内容的大小 

   

    self.webView.frame = CGRectMake(0, 0, kScreenWidth, self.webView.scrollView.contentSize.height);

 

【代码2】:

    //把webview的frame还原 并改变它的contentOffset为(0, 0)

 

    self.webView.frame = CGRectMake(0, 0, kScreenWidth, kScreenHeight);

    

    _webView.scrollView.contentOffset = CGPointMake(0, 0);

© 著作权归作者所有

共有 人打赏支持
久伴旧伴
粉丝 4
博文 19
码字总数 6522
作品 0
沧州
程序员
私信 提问
iOS之路21-JS与OC交互

一: OC执行JS代码 1.webView加载请求, request, 控制器成为webView的代理, 监听网页加载完毕会调用代理方法 / 网页加载完毕 / - (void)webViewDidFinishLoad:(UIWebView *)webView { } 2.让页...

Eric-osc
2016/02/28
63
0
iOS与JavaScript交互总结

最近由于公司业务需要,需要在移动端调用JS去解析大众点评网页,同时抓取评论相关内容。对iOS与JS交互进行了研究,总结一下。 技术点总结: 首先,OC与JS的交互需要用到UIWebView来实现。 技...

秦无炎
2016/09/28
9
0
疯狂ios讲义之网页控件(UIWebView)

通过使用UIWebView控件,可以实现一个内置的浏览器(类似于Safari),而且可以直接将这个浏览器内嵌到应用的任意位置,因此非常方便。 UIWebView直接继承了UIView基类,一般不可以与用户交互...

博文视点
2014/01/26
2K
0
iOS UIWebView 使用大全

一、UIWebView的基础使用 以上是IOS中UIWebView的基础使用要点详解,接下来一些UIWebView的常用注意点。 二、IOS中UIWebView常用注意点: 1、与UIWebView进行交互,调用web页面中的需要传参的...

朝雨晚风
2016/08/15
0
0
ios开发,javascript直接调用oc代码而非通过改变url回调方式

之前一个ios项目中,需要通过UIWebview来打开一个静态页面,并在静态页面中 调用相关object-c代码。 一、以前使用js调用object-c的方法 关于如何使用javascript调用object-c中的函数和方法,...

北方人在上海
2016/04/21
24
0

没有更多内容

加载失败,请刷新页面

加载更多

2018年终盘点:区块链真的结束了吗?

2018 年,大家依旧期待区块链出现“杀手级”应用,然而到了年关,终究还是没有。既然没有出现,只能认为“神功”尚未练成,但是这一年也没有虚度,让大家再一次领教了这个领域的跌宕起伏。 ...

酒逢知己千杯少
7分钟前
0
0
社交软件系统ThinkSNS+默认配置信息说明

感谢大家一直以来对社交软件系统ThinkSNS的关注,ThinkSNS Plus社交系统一直在不断优化完善。ThinkSNS Plus 本次于2018年12月3日更新发布。 本次重要更新说明如下: 1.优化默认配置信息,服务...

ThinkSNS账号
9分钟前
1
0
阿里云文件存储(NAS)助力业务系统承载双十一尖峰流量

2018天猫双11全球狂欢节,全天成交额再次刷新纪录达到2135亿元,其中总成交额在开场后仅仅用了2分05秒即突破100亿元,峰值的交易量达到惊人的高度,背后离不开阿里云大数据计算和存储能力的支...

阿里云官方博客
11分钟前
1
0
Frost & Sullivan权威报告:阿里云再次领跑云WAF大中华区市场

近日,国际权威分析机构Frost & Sullivan 针对Web应用防火墙(简称“WAF”)领域发布了《2017年亚太区Web应用防火墙市场报告》,阿里云以市场占有率45.8%的绝对优势连续两年领跑大中华区云WAF...

阿里云云栖社区
11分钟前
1
0
Axios使用拦截器全局处理请求重试

Axios拦截器 Axios提供了拦截器的接口,让我们能够全局处理请求和响应。Axios拦截器会在Promise的then和catch调用前拦截到。 请求拦截示例 axios.interceptors.request.use(function (conf...

kisshua
15分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部