How to check if WkWebView finish loading in Objective-C?

Question

I want to load HTML pages using WkWebView and I want to show the page just after it's finished loading. As long as it's loading I would like to show an activity indicator on an empty View. I create two view a loadingView and a wkWebView. While the page is loading I add to VC as subview the loadingView and after I want to remove loadingView and add wkWebView. Here is my code:

    [self addSubview:_loadingView];
    _wkWebView = [[WKWebView alloc] initWithFrame:self.frame];
    _wkWebView.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, self.frame.size.height);

    //Send a request to wkUrlconnection
    NSURL *wkUrl = [NSURL URLWithString:self.wkUrlString];
    NSURLRequest *wkRequest = [NSURLRequest requestWithURL:wkUrl];

    //Here I want to check if it's loaded and then remove loadingView and add wkWebView
    [_wkWebView loadRequest:wkRequest];
    [self.loadingView removeFromSuperview];
    [self addSubview:_wkWebView];

Can someone show me how to check while it's loading and if finish refresh the VC? Thank you for your answers.

Have you looked at the [delegate](https://developer.apple.com/library/ios/documentation/General/Conceptual/CocoaEncyclopedia/DelegatesandDataSources/DelegatesandDataSources.html)-pattern and how it is used with the `navigationDelegate` property on an `WKWebView`? — Mats, Mar 30 '16 at 15:36

Stavash · Accepted Answer · 2016-03-31T13:06:51.080

84

I think the WKNavigationDelegate's webView:didFinishNavigation: delegate callback is what you're looking for.

Configure and present your activity indicator when you start to load and then stop and remove it from view when the callback is called.

edited Mar 31 '16 at 13:06

answered Mar 30 '16 at 15:42

Stavash

14,244
5
52
80

5

Thank you. This was the good solution, but let me correct you. WkWebView doesn't have WKWebViewDelegate. Instead of that, it has WKNavigationDelegate. – faklyasgy Mar 31 '16 at 11:04
An extended question, can WebView get response like URLSession when finish loading? – allenlinli Jan 23 '17 at 01:08
6

That method may be called multiple times for multiple frames so it does not work – apinho Sep 15 '17 at 10:54
3

Any solution to know when it's completely loaded and method not called again – Chandni Jul 06 '18 at 08:57
4

webView:didFinishNavigation: Call back will not come most of the time its not working for me – Piyush Jul 16 '19 at 09:39

score 17 · Answer 2 · edited Jan 02 '20 at 17:12

For anyone who is experiencing the issue of a webpage containing multiple frames and therefore doing multiple loads which interrups your load animation, I have implemented the following and it works for me in all the situations I have come across so far:

Swift:

var loadCount: Int = 0

override func viewDidLoad() {
    super.viewDidLoad()

    startLoading()
    webview.navigationDelegate = self
    let request = URLRequest(url: url)
    webview.load(request)
}

func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
    loadCount += 1
}

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

    loadCount -= 1

    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
        if self?.loadCount == 0 {
            self?.stopLoading()
        }
    }

}

The basic idea is to start your load animation before you request the url, then count each request being made and only stop the load animation when your request count == 0. This is done after a slight delay as I find that some frames queue up requests synchronously so the next load will begin before the 0.1 second delay has completed.

( ͡° ͜ʖ ͡°)

This may not work serval times, there is no guarantee for every didStartProvisionalNavigation you will get didFinish navigation, so the count never comes to 0 that cases. — me-wright, Jul 28 '20 at 03:14
How about it in Objective C as that's what the question demands — Ahmed El-Bermawy, Aug 20 '20 at 23:29

score 13 · Answer 3 · answered Dec 29 '18 at 07:13

13

for swift 4.2:

func webView(_ webView: WKWebView,
                 didFinish navigation: WKNavigation!){
        print("loaded")
}

be sure to set delegate for webView in didLoad (or similar)

webView.navigationDelegate = self

answered Dec 29 '18 at 07:13

ingconti

10,876
3
61
48

1

But this is not for Objective C as Requested – Ahmed El-Bermawy Aug 20 '20 at 23:28
1

I do know. my two cents for Swift, objC is dead :) – ingconti Aug 22 '20 at 05:43
Objective C is not dead. It just smells funny. – dar512 Oct 01 '20 at 21:38
I did love it very much, but when I go back I miss all the new swift conciseness and features. :( – ingconti Oct 03 '20 at 05:18
1

Objective C will never die. There are those of us supporting legacy code that will live forever, just like those poor bastards who had to dig through COBOL code in 1999. – spartygw Mar 25 '21 at 22:50
and Cobol guys do earn much more than us :) – ingconti Mar 27 '21 at 08:26

score 2 · Answer 4 · answered Jan 14 '21 at 15:01

class WebViewVC: UIViewController {
    
    // MARK: IBOutlets
    @IBOutlet weak var webView: WKWebView!
    @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
    
    // MARK: Life cycle
    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView.navigationDelegate = self
        loadWebsite()
    }
}

// MARK: WKWebView
extension WebViewVC: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        activityIndicator.startAnimating()
    }
    
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        activityIndicator.stopAnimating()
    }
}

// MARK: Private methods
extension WebViewVC {
    private func loadWebsite() {
        guard let url = URL(string: "google.com") else { return }
        
        let urlRequest = URLRequest(url: url)
        webView.load(urlRequest)
    }
}

How to check if WkWebView finish loading in Objective-C?

4 Answers4

Linked