iOS 对当前webView进行截屏的方法

 更新时间:2017年04月30日 11:47:39   投稿:jingxian  
下面小编就为大家带来一篇iOS 对当前webView进行截屏的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

UIWebView和WKWebView的截屏有所区别:

UIWebView:

func getImage(context: ServiceExecuteContext) -> UIImage { 
    //创建一个基于位图的图形上下文并指定大小 
    UIGraphicsBeginImageContextWithOptions(context.fromViewController.webView.bounds.size, true, 0) 
    //renderInContext呈现接受者及其子范围到指定的上下文 
    context.fromViewController.webView.layer.renderInContext(UIGraphicsGetCurrentContext()!) 
    //返回一个基于当前图形上下文的图片 
    let image = UIGraphicsGetImageFromCurrentImageContext() 
    //移除栈顶的基于当前位图的图形上下文 
    UIGraphicsEndImageContext() 
     
    //let imagRef = CGImageCreateWithImageInRect((image?.CGImage)!, context.fromViewController.webView.bounds) 
    //let newImage = UIImage.init(CGImage: imagRef!) 
    //UIImageWriteToSavedPhotosAlbum(newImage, nil, nil, nil);//保存图片到照片库 
    return image! 
  } 

UIGraphicsBeginImageContext()方法传入唯一参数,是一个CGSize变量,用来指定图形context的大小,所以获取屏幕截图的时候这个size该是屏幕的大小。其实了解了这个过程,就知道这个方法可以获取任意区域的截图,当然是必须当前页面的一部分。你需要截取哪个view的图像,就让这个view的layer调用renderInContext把图形渲染进当前图形context。

WKWebView:

当我尝试去截取WKWebView的图。截图的结果返回给我的就仅仅只是一张背景图, 显然截图失败。通过搜索StackOverflow和Google, 我发现WKWebView并不能简单的使用layer.renderInContext的方法去绘制图形。如果直接调用layer.renderInContext需要获取对应的Context, 但是在WKWebView中执行UIGraphicsGetCurrentContext()的返回结果是nil

StackOverflow提供了一种解决思路是使用UIView的drawViewHierarchyInRect方法去截取屏幕视图。通过直接调用WKWebView的drawViewHierarchyInRect方法(afterScreenUpdates参数必须为true), 可以成功的截取WKWebView的屏幕内容

func getImage(context: ServiceExecuteContext) -> UIImage { 
     
    UIGraphicsBeginImageContextWithOptions(context.fromViewController.webView.bounds.size, true, 0) 
    for subView: UIView in context.fromViewController.webView.subviews { 
      subView.drawViewHierarchyInRect(subView.bounds, afterScreenUpdates: true) 
    } 
    //UIApplication.sharedApplication().keyWindow?.layer.renderInContext(UIGraphicsGetCurrentContext()!) 
    let image = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 
     
    //let imagRef = CGImageCreateWithImageInRect((image?.CGImage)!, context.fromViewController.webView.bounds) 
    //let newImage = UIImage.init(CGImage: imagRef!) 
     
    return image! 
  } 

以上这篇iOS 对当前webView进行截屏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • iOS实现带指引线的饼状图效果(不会重叠)

    iOS实现带指引线的饼状图效果(不会重叠)

    饼状图对大家来说应该都不陌生,下面这篇文章主要给大家介绍了关于iOS实现带指引线的饼状图效果(不会重叠)的相关资料,文章通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-04-04
  • iOS10适配问题收集整理

    iOS10适配问题收集整理

    本文是小编给大家收集整理些有关iOS10适配问题的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 适配iPhoneXS max和iPhoneX R的方法示例

    适配iPhoneXS max和iPhoneX R的方法示例

    这篇文章主要介绍了适配iPhoneXS max和iPhoneX R的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • iOS中打包上传常见的错误与解决办法

    iOS中打包上传常见的错误与解决办法

    关于打包上传至AppStore,大家都认为是最后一步了,其实到了这里往往会遇到很多的坑。对于踩过的坑我不想再踩第二遍,所以在此将我遇到的所有奇葩问题在此做一个记录,当作对自己的一个提醒,同时也分享给给位,需要的朋友可以参考下。
    2017-03-03
  • iOS开发项目- 基于WebSocket的聊天通讯(2)

    iOS开发项目- 基于WebSocket的聊天通讯(2)

    这篇文章主要介绍了iOS开发项目- 基于WebSocket的聊天通讯,可以实现录音和音乐播放,有需要的可以了解一下。
    2016-11-11
  • 详解 swift3.0 可选绑定共用同一块内存空间的实例

    详解 swift3.0 可选绑定共用同一块内存空间的实例

    这篇文章主要介绍了详解 swift3.0 可选绑定共用同一块内存空间的实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
    2017-09-09
  • iOS开发-实现大文件下载与断点下载思路

    iOS开发-实现大文件下载与断点下载思路

    本篇文章主要介绍了iOS开发-实现大文件下载与断点下载思路,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-01-01
  • iOS如何自定义启动界面实例详解

    iOS如何自定义启动界面实例详解

    当我们打开一款应用程序的时候,首先映入眼帘的往往并不是程序的主界面,而是经过精心设计的欢迎界面,这个界面通常会停留几秒钟,然后消失。下面这篇文章主要给大家介绍了关于iOS如何自定义启动界面的相关资料,需要的朋友可以参考下。
    2017-12-12
  • Xcode中代码注释编写的一些小技巧

    Xcode中代码注释编写的一些小技巧

    如何在 Xcode 中编写规范注释,规范注释可以在Xcode的快速帮助检查器(quickheliector)中显示,这篇文章主要给大家介绍了关于Xcode中代码注释编写的一些小技巧,需要的朋友可以参考下
    2021-10-10
  • iOS实现封装一个获取通讯录的工具类详解

    iOS实现封装一个获取通讯录的工具类详解

    这篇文章主要给大家介绍了关于iOS如何实现封装一个获取通讯录的工具类的相关资料,这是自己平时封装的一个工具类,使用非常方便,文中给出了详细的示例代码,需要的朋友们可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10

最新评论