WKWebView不显示内容“屏幕下方”

Question

我必须将WKWebView集成到UITableView中（请不要质疑）。

我确保WKWebView滚动被禁用，这样我就可以避免在可滚动视图（UITableView）中有一个可滚动的视图。

但是，当WKWebview内部的HTML内容很大时，让我们说两次屏幕，我发现屏幕下方的内容不会显示给用户，即当用户滚动表视图时，只有白色的\空白的屏幕，其中WKWebView是...

我根据更新WebViewTableViewCell的高度：

public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { 

    let height = webView.scrollView.contentSize.height 
    ... 
    ... 
    delegate.updateWebViewCellHeight(height: self.cellHeight) 
} 

我猜它可能对WKWebView一些优化，允许它呈现DOM的，只有当影响他们显示在屏幕上。

我的问题是，我可以做些什么来确保WKWebView中的所有内容在滚动表格视图时向用户显示？

P.S. UIWebView中呈现的所有内容就好了，它似乎只发生在WKWebView

下面

见图片：

Answer 1

您可以拨打setNeedsLayout在WKWebView，（SWIFT）：

注意：这是滚动视图的UITableView的。

func scrollViewDidScroll(_ scrollView: UIScrollView) { 
    // use IndexPath for row/section with your WKWebView 
    if let cell = tableView.cellForRow(at: IndexPath(row: 1, section: 0)) as? WKWebViewCell { // Here we take our cell 
     cell.wkWebView?.setNeedsLayout() 
    } 
} 

见WKWebView not rendering correctly in iOS 10

Answer 2

这确实是苹果的优化 - 只渲染网页视图的可见部分。有这个问题的几个类似的问题：

WKWebView screenshot not completely rendering full page height

How to capture a full page screenshot of WKWebview?

试图调用[self.webView setNeedsDisplay]在表视图委托的scrollViewDidScroll:方法。

Answer 3

确保当更新单元格高度，TableViewCell不重装的WebView。否则，你会陷入无限循环，怪异的行为和高度会一次又一次地重置。

var CGFloat : webViewHeight = 0.0 

//跟踪webView的当前高度。

// MARK: - WKWebView Delegate 
public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { 

    weak var weakSelf = self 
    webView.evaluateJavaScript("document.documentElement.style.webkitUserSelect='none';") { (object : Any?, error : Error?) in 

     if (error == nil) { 
      let size : CGRect = self.heightForWebView(webView: webView) 

      if (weakSelf.webViewHeight == 0.0 || size.height != weakSelf.webViewHeight){ 
       weakSelf.webViewHeight = size.height 
      } 

      webView.frame = size 
      delegate.updateWebViewCellHeight(height: size.height) 
     } 
    } 
} 

// MARK: - WKWebView Heplper 
func heightForWebView(webView : WKWebView)-> CGRect { 
    var rect : CGRect = webView.frame as CGRect! 
    rect.size.height = 1 
    webView.frame = rect 

    let newSize : CGSize = webView.sizeThatFits(CGSize.zero) 
    rect.size = newSize 

    return rect 
}