無法獲得 wkWebView 的正確高度？

Question

我已經閱讀了很多關於如何獲取 webView 高度的文章。 他們大多使用 KVO 來觀察 contentSize。 我也這樣做了。

1）創建wkWebView並禁止webView的scrollView

 lazy var webView: WKWebView = WKWebView()

 webView.scrollView.bounces = false
 webView.scrollView.isScrollEnabled = false

 webView.snp.makeConstraints({ (make) in
        make.left.right.equalTo(view)
        make.top.equalTo(headerView.snp.bottom)
        make.height.equalTo(AppDefaults.screenH - 64 - 44)
        make.bottom.equalTo(containView)
    })

2）添加觀察者

webView.scrollView.addObserver(self, forKeyPath: "contentSize", options: .new, context: nil)

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    if keyPath == "contentSize" {
        if let scroll = object as? UIScrollView {
            if scroll.contentSize.height > 0 {
                updateWebViewConstraints(scroll.contentSize.height)
            }
        }
    }
}

func updateWebViewConstraints(_ height: CGFloat) {
    webView.snp.remakeConstraints { make in
        make.left.right.equalTo(view)
        make.top.equalTo(headerView.snp.bottom)
        make.height.equalTo(height)
        make.bottom.equalTo(containView).offset(-44)
    }
}

3) 移除觀察者

deinit {
    webView.scrollView.removeObserver(self, forKeyPath: "contentSize")
}

當我運行應用程序時，有時我可以獲得正確顯示的 webView 的正確高度。 喜歡下面的圖片

但有時，webView 的高度超過了正確的高度，會導致 webView 有一部分空白。 我們可以看到下面的圖片，它得到了錯誤的 contentSize，

當我點擊 nextButton 加載新內容時，它也會保持之前的高度。 那不好。 就像 contentSize 的高度超過新內容的高度一樣。 它不會改變。

為了對比wkWebView，所以嘗試了UIWebView，是正確的。 所以，我不知道如何解決這個問題。 請給我一些建議。 謝謝

Answer 1

如果您呈現的頁面的contentSize小於WKWebView的bounds ，則contentSize將至少與bounds相同，這會導致空白。

解決此問題的唯一方法是將WKWebView的bounds設置為小於內容大小的值。 頁面呈現后，您將知道WKWebView.scrollView的contentSize大小，您可以使用上面的邏輯調整它的大小。

Answer 2

extension ViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        self.webViewHeightConstraint?.constant = 0
        self.view.layoutIfNeeded()
    }
    
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        self.webViewHeightConstraint?.constant = webView.scrollView.contentSize.height
        self.view.layoutIfNeeded()
    }
}

我遇到了同樣的問題。 基於runmad的解決方案，加載前將高度設置為零，然后設置正確的高度。