文档章节

使用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讲义之网页控件(UIWebView)

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

博文视点
2014/01/26
1K
0
iOS与JavaScript交互总结

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

秦无炎
2016/09/28
9
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

没有更多内容

加载失败,请刷新页面

加载更多

Redis的API应用

全局命令 1,查看所有键:keys * set school dongnao set hello world 2,键总数 dbsize //2个键,如果存在大量键,线上禁止使用此指令 3,检查键是否存在:exists key //存在返回1,不存在返...

这很耳东先生
34分钟前
1
0
Java GC机制详解

垃圾收集 Garbage Collection 通常被称为“GC”,本文详细讲述Java垃圾回收机制。 导读: 1、什么是GC 2、GC常用算法 3、垃圾收集器 4、finalize()方法详解 5、总结--根据GC原理来优化代码 ...

编程SHA
37分钟前
1
0
CMD 乱码永久解决方案

创建cmd.reg,内容如下,双击运行导入注册表。 Windows Registry Editor Version 5.00[HKEY_CURRENT_USER\Console\%SystemRoot%_system32_cmd.exe]"CodePage"=dword:0000fde9"FontFamil......

yeahlife
39分钟前
1
0
亿级Web系统搭建:单机到分布式集群

当一个Web系统从日访问量10万逐步增长到1000万,甚至超过1亿的过程中,Web系统承受的压力会越来越大,在这个过程中,我们会遇到很多的问题。为了解决这些性能压力带来问题,我们需要在Web系统...

onedotdot
43分钟前
1
0
Linux 命令优先级 —— alias、function、内部命令(make)

Linux 命令优先级 —— alias、function、内部命令(make) make 新建Makefile文件,在里面输入如下内容; # Makefile内容all:@echo "Make Command echo : Hello " 保存,执行 which make ,...

雪落青山
44分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部