先看效果

ScreenShotDemo.gif

1 什么时候会用到这个？

分享，目前笔者能想到的只有分享，因为要用呀😁。

2 为什么要写这个？

UIWebView的截图功能还是很容易实现的,可是WKWebView的截图，嗯，一片灰色。。。
在笔者逛了Stack Overflow,里面并没有很好的方法，于是，只能自己动手了，so，可能方法并不是很好，但是足矣解决问题，有时间再研究。

3 开工

• 3.1 说说UIKit的截图(其实是绘图)
  3.1.1 创建一个基于位图的上下文（context）,并将其设置为当前上下文

(1)UIGraphicsBeginImageContext(CGSize size)
(2)UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)

区别：
UIGraphicsBeginImageContext
参数size为新创建的位图上下文的大小。该函数的功能同UIGraphicsBeginImageContextWithOptions的功能相同，相当与UIGraphicsBeginImageContextWithOptions的opaque参数为NO,scale因子为1.0。
UIGraphicsBeginImageContextWithOptions
参数size——同UIGraphicsBeginImageContext
参数opaque—透明开关，如果图形完全不用透明，设置为YES以优化位图的存储。
参数scale—–缩放因子

3.1.2获取上下文

UIGraphicsGetCurrentContext()

UIGraphicsGetCurrentContext 来取得上下文，这个上下文表示当前的view的size大小

3.1.3绘制

   - (void)renderInContext:(CGContextRef)cox;

参数就是获取的上下文，指明绘制的地方

3.1.4完成

   UIGraphicsGetImageFromCurrentImageContext()

得到绘制好的上下文

• 3.2 无(忘了要写啥了)

4 UIWebView的截图

网上的很多方法就是循环遍历子视图，然后组合起来，个人觉得不够简单，我不会承认用网上的方法我失败了才出此下策的。

在UIWebView加载完成的代理方法里面

-(void)webViewDidFinishLoad:(UIWebView \*)webView
{
   [self saveImageToPhotos: [self screenShotWithScrollView:webView.scrollView]];
    webView.delegate = nil;
   [webView removeFromSuperview];
    webView = nil;
}

封装截图方法

   - (UIImage *)screenShotWithScrollView:(UIScrollView *)scrollView
  {
    UIImage* image;

    UIGraphicsBeginImageContextWithOptions(scrollView.contentSize, NO, [UIScreen mainScreen].scale);
   {
    CGPoint savedContentOffset = scrollView.contentOffset;
    CGRect savedFrame = scrollView.frame;
    scrollView.contentOffset = CGPointZero;
    scrollView.frame = CGRectMake(0, 0, scrollView.contentSize.width, scrollView.contentSize.height);
    [scrollView.layer renderInContext: UIGraphicsGetCurrentContext()];
    image = UIGraphicsGetImageFromCurrentImageContext();
    scrollView.contentOffset = savedContentOffset;
    scrollView.frame = savedFrame;
   }
  UIGraphicsEndImageContext();

  if (image != nil)
  {
    return image;
  }
  return nil;
  }

5 WKWebView的截图

同上，嗯，是的，就是用UIWebView请求一遍再截取UIWebView的图就行，在截完图释放就好，看了一下运存，暂时没问题

注：在UIWebView请求完数据的代理方法里面再截图
注：在UIWebView请求完数据的代理方法里面再截图
注：在UIWebView请求完数据的代理方法里面再截图

完结：如有更好的方法请多多指教

20161117日更新-----------------------

封装了截图方法，一句话代码截图

/**
 截屏

 @param url 截屏的url
 @param successBlock 截屏成功的回调
 @param failureBlock 截屏失败的回调
 */
-(void)capturePicShareWitchUrl:(NSString*)url
                       success:(CapSuccessBlock) successBlock
                       failure:(CapFailureBlock) failureBlock;

惯例文末放Demo:https://github.com/yongliangP/WebViewCaptureDemo
码字不容易，路过请喜欢