iOS如何實現對當前webView進行截屏

這篇文章給大家分享的是有關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進行截屏”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！