In iOS 13 and below, how can WKWebView call an async Javascript function (i.e. one that returns a promise)?

Question

iOS 14 has this API, however how can this be achieved in iOS 13 or below?

For example, suppose the JS has a function defined as:

function upperCaseAsync(text) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(text.toUpperCase());
    }, 300);
  });
}

How to call and handle the resulting promise's result? I tried using the synchronous API, but it throws an error:

Error Domain=WKErrorDomain Code=5 "JavaScript execution returned a result of an unsupported type"

score 1 · Accepted Answer · answered Dec 14 '20 at 18:00

You'd need to register callback handler and change your JS function from returning Promise to post webkit message: webkit.messageHandlers['smth'].postMessage('some info if needed')

let script = WKUserScript(source: <your js code>, injectionTime: .atDocumentStart, forMainFrameOnly: false)

<your web view>.configuration.userContentController.addUserScript(script)
<your web view>.configuration.userContentController.add(<whatever>, name: "smth")

extension <whatever>: WKScriptMessageHandler {
    
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        switch message.name {
            case "smth":
                break // do smth
            default:
                return
        }
    }
    
}

Right, was thinking this, but hoping for a better way. Thank you — abc123, Dec 22 '20 at 21:23
Do you have an example of how to create the extension . this example makes sense to me but I can't seem to get this declared properly. — stonedonkey, Oct 13 '21 at 00:16

In iOS 13 and below, how can WKWebView call an async Javascript function (i.e. one that returns a promise)?

1 Answers1

Linked