获取WKWebView中静态页面的最终渲染高度

时间:2018-05-29 07:35:19

标签: ios swift wkwebview

在我的应用中,我正在使用WKWebView来加载带有静态内容的网页。

我想在contentSize完全呈现网页后立即知道WKWebView的高度。

所以我认为我可以使用webView:didFinishNavigation:代表:

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {

    @IBOutlet weak var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        webView.navigationDelegate = self
        webView.uiDelegate = self

        webView.load(URLRequest(url: URL(string: "https://www.rockade.nl/testpage/testpage.php")!))
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        print("finished loading: height=\(webView.scrollView.contentSize.height)")
    }

}

我对这段代码的问题是这个委托在页面被完全渲染之前被称为,所以我得到了不同的高度结果,甚至是0的值。

当我添加一个小延迟时,我得到了正确的结果,但这感觉就像一个黑客。

使用像这样的观察者

var myContext = 0
webView.scrollView.addObserver(self, forKeyPath: "contentSize", options: .new, context: &myContext)

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if context == &myContext {
            print(webView.scrollView.contentSize.height)
        } else {
            super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        }
    }
}

对我也没有帮助,因为我确实需要确保收到的值是最终高度。

很高兴知道:我无法控制网页,因此使用javascript不是一种选择。

我希望有人能指出我正确的方向!

1 个答案:

答案 0 :(得分:2)

因此您无法控制网页,但html dom不会在页面上进行更改。因此,您可以使用脚本来获取页面的高度。

也许这会对你有所帮助:

        func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        webView.evaluateJavaScript("document.readyState", completionHandler: { (complete, error) in
            if complete != nil {
                webView.evaluateJavaScript("document.body.scrollHeight", completionHandler: { (height, error) in
                    // Here is your height
                })
            }
        })
    }

PS:您也可以尝试'document.body.offsetHeight'而不是滚动高度。