Javascript in WKWebView - evaluateJavaScript vs addUserScript

Question

I am trying to understand the best way to execute javascript with WKWebview

Could someone please give me the use cases / best practices when using WKWebView.

When to use addUserScript and WKScriptMessageHandler and when to use evaluateJavaScript

    let jscript = "my script"
    let userScript = WKUserScript(source: jscript, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
    let userContentController = WKUserContentController()
    userContentController.addUserScript(userScript)

    let webViewConfiguration = WKWebViewConfiguration()
    webViewConfiguration.userContentController = userContentController
    webView = WKWebView(frame: self.view.bounds, configuration: webViewConfiguration)

vs

let myScript
self.wkWebView.evaluateJavaScript(script) { (result, error) in
    if error != nil {
        print("\(error)")
    }
}

Ryan Heitner · Accepted Answer · 2017-01-26 09:20:27Z

9

Found a nice explanation

http://jonathanblog2000.blogspot.co.il/2016/11/understanding-ios-wkwebview.html

2.3.2 Inject javascript from native code to js DOM emphasized text WKUserContentController allows add (and remove) a WKUserScript to be injected either when the DOM tree starts to load or finishes to load. On the contrary, evaluateJavaScript allows application to execute a javascript snippet on demand at any time.

answered Jan 26, 2017 at 9:20

Ryan Heitner

13.7k6 gold badges83 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Xiaodong Ma · Accepted Answer · 2017-01-16 23:52:36Z

3

In my experience, WKUserScript seems to have more privileges, eg: document.cookie="test=test" works with WKUserScript but not with evaluateJavaScript.

However, WKUserScript requires an additional reload() for the javascript you injected to run. It maybe a bug. Sometimes it complicates the code.

WKScriptMessageHandler is a separate thing. It allows your native app to receive messages from javascript. eg, you can add a handler and receives message that is posted from javascript like: "window.webkit.messageHandlers.notification.postMessage({body: "..."});" Refer: http://nshipster.com/wkwebkit/

Pretty cool stuff that doesn't exist in UIWebView

answered Jan 16, 2017 at 23:52

Xiaodong Ma

312 bronze badges

1 Comment

Evan Over a year ago

You can use evaluateJavaScript:completionHandler: method to inject cookies. However, you should be careful because it only works after the webview:didFinishNavigation: gets called. And WKUserScript doesn't need additional reload() action if you add it to contentController before webView loads request.

Collectives™ on Stack Overflow

Javascript in WKWebView - evaluateJavaScript vs addUserScript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related