WKWebview evaluateJavascript is not working, throws an error

Question

I am trying to call an existent function from a remote site in a WKWebview:

function addtext (text) {
 jQuery("#webviewtest").html(text);
}

With:

[self.WebView evaluateJavaScript:@"addtext(\"This is a text from app\");" completionHandler:^(id Result, NSError * error) {
    NSLog(@"Error -> %@", error);
}];

But this is throwing an error:

Error Domain=WKErrorDomain Code=4 "A JavaScript exception occurred" UserInfo=0x170c788c0 {NSLocalizedDescription=A JavaScript exception occurred}

This is so simple! I am must missing something really stupid!

Yes, its a fully functional website, I am just building a bridge to make a facebook login works. And the Function also works when I normally call on the browser. — Rogers Sampaio, Jan 08 '15 at 21:07
Try without jQuery: `document.getElementById('webviewtest').innerHTML = text;`. Maybe `html` method fails. — Pinal, Jan 08 '15 at 21:50
Hey @Pinal, you've made me realise that was a DOM Ready problem. Look at my answer below. Cheers. — Rogers Sampaio, Jan 09 '15 at 13:58

score 32 · Accepted Answer · answered Jan 09 '15 at 02:08

32

Found a solution, it was simple as I was expecting, I was adding the javascript before the view complete load the content (before the Dom Ready). So I just had to move my code to the delegate method below:

webView:didFinishNavigation: (from WKNavigationDelegate)

I hope this helps someone.

answered Jan 09 '15 at 02:08

Rogers Sampaio

605
1
9
15

This is a solution! Obviusly but save me a lot of time thank you. – Alessandro Ornano Jun 14 '16 at 14:04
Did you implement the delegate? – Rogers Sampaio Dec 15 '16 at 09:39

score 4 · Answer 2 · edited Apr 28 '18 at 00:22

I found that the problem was caused by the webView:didFinishNavigation: being called before the page content was actually loaded. I think the website is using angularjs.

I introduced a manual delay which seemed to d the trick for me :

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    print("loaded)")
    //abtn_run(UIButton())
    self.perform(#selector(performAction), with: nil, afterDelay: 3.0)    
}

and did my call here:

func performAction() {
    //This function will perform this after delay of 3 seconds
}

Ideally the best solution would have a listener push an event for angularjs "page ready" but I am not sure this is possible in wkwebview.

WKWebview evaluateJavascript is not working, throws an error

2 Answers2

Linked