在 iOS 13 及以下版本中，WKWebView 如何调用异步 Javascript function（即返回承诺的）？

Question

iOS 14 有这个 API ，但是如何在 iOS 13 或更低版本中实现？

例如，假设 JS 有一个 function 定义为：

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

如何调用和处理生成的 promise 的结果？ 我尝试使用同步 API ，但它会引发错误：

错误域 = WKErrorDomain 代码 = 5“JavaScript 执行返回了不支持类型的结果”

Answer 1

您需要注册回调处理程序并将您的 JS function 从返回Promise为发布webkit消息： 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
        }
    }
    
}