WKWebView not resizing when content changing

Question

WKWebView is not resizing when content changing.

Here is a code snippet:

@IBOutlet weak var containingView: UIView!
var webView: WKWebView! 

override func viewDidLoad()
{
    super.viewDidLoad()

    let contentController = WKUserContentController();
    self.webView = WKWebView(frame: CGRectMake(0, 0, self.view.frame.width, self.view.frame.height), configuration: WKWebViewConfiguration())
    self.webView.autoresizingMask = [.FlexibleHeight]
    self.webView.loadHTMLString(__, baseURL: __))
    self.webView.scrollView.bounces = false
    self.webView.scrollView.scrollEnabled = false

    self.containingView.addSubview(self.webView)
}

What func should be added so I could intercept content size being changed and change the containingView size accordingly?

webview automatically scrolls so why do you need its height to change to content ? — Shubhank, Jun 07 '16 at 07:51
I don't want it to be scrollable. I want the containing view to rescale according to the web content — Luda, Jun 07 '16 at 08:01
you would need to use javascript to detect webview content height and set height manually — Shubhank, Jun 07 '16 at 08:06

score 3 · Answer 1 · answered Jun 05 '18 at 08:35

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    print("webview did enter did finish navigation")
    webView.evaluateJavaScript("document.readyState", completionHandler: { (complete, error) in
        if complete != nil {
            webView.evaluateJavaScript("document.body.scrollHeight", completionHandler: { (result, error) in
                if let heightOfContent = result as? CGFloat {

                }
            })
        }
    })
}

score 0 · Answer 2 · answered Jun 09 '16 at 07:56

What halped me was to have small initial WKWebView height

webView = WKWebView(frame: CGRectMake(0, 0, self.view.frame.width, 150), configuration: configuration)

instead of

webView = WKWebView(frame: CGRectMake(0, 0, self.view.frame.width, self.view.frame.height), configuration: configuration)

score -4 · Answer 3 · edited May 23 '17 at 11:47

-4

Conceptually in objective c you should do like below.

Two things: Make sure to have these properties:

self.webView.scalesPageToFit = YES;
self.webView.contentMode = UIViewContentModeScaleAspectFit;

And finally calculate webView content height as :- webView.isLoading is one of the most important property. Actually in a single call to a web url it is called multiple times.

- (void)webViewDidFinishLoad:(UIWebView *)webView{
if (webView.isLoading == NO)// as it is called multiple times so wait untill last call
{
 CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.height"] floatValue];
}

}

This is how you should compute web view height.

you can have a look here as WKWebView don't have a delete which you can use to get content size instead use KVO:

KVO example May be it will help you more!

edited May 23 '17 at 11:47

Community

1
1

answered Jun 07 '16 at 08:15

maddy

4,001
8
42
65

1

I am using WKWebView. It doesn't have scalesPageToFit property – Luda Jun 07 '16 at 10:37
But say I am changing my implementation to UIWebView, still there are some cases that webViewDidFinishLoad is not called even though content is changing on the screen – Luda Jun 07 '16 at 12:38
webViewDidFinishLoad ?? are you sure you have set delegate – maddy Jun 07 '16 at 13:22
1

it's WKWebView, not UIWebView – Sergio Andreotti Jan 03 '17 at 16:55

WKWebView not resizing when content changing

3 Answers3