Window webkit 失败 postMessage iOS Swift

Question

I am trying to create a library that open a web view in a class, where the objetive is opened it but does not see it in the screen. I created and try to execute a javaScript that makes a postMessage, to obtain the result for example in the method userContentController(), but I am getting and error when I execute it. Also, I am used webView.callAsyncJavaScript, cause then I want to execute some async functions that webView.evaluateJavaScript does not let. Some knows what could be the reason that can help me. Thanks.

Code:

import WebKit

class FingerprintJs : NSObject, WKScriptMessageHandler, WKNavigationDelegate{
    
    public func tryFinger(){
        getWebView()
    }
    
    public func userContentController(_ userContentController: WKUserContentController,
                                      didReceive message: WKScriptMessage){
        print("userContentController")
        print(message.name)
    }
    
    private func getWebView(){
        if let viewController = UIWindow.key?.rootViewController {
            if Thread.isMainThread {
                let webView = self.makeWebView(viewController: viewController as! ViewController)
                webView.loadHTMLString(getHtml(), baseURL: nil)
                if #available(iOS 14.0, *) {
                    print("bunea")
                    webView.callAsyncJavaScript(getJavaScript()!, arguments: [:], in: nil, in: .defaultClient, completionHandler:{(result) in
                        print("queeeeee")
                        print(result as Any)
                    })
                } else {
                    print("Llegaste aca? porqueee ")
                    // Fallback on earlier versions
                }
//                webView.evaluateJavaScript(getJavaScript()!,completionHandler:{(result , error) in
//                    if error == nil {
//                        print("success")
//                        print(result as Any)
//                    }
//                    else {
//                        print("error in executing js ", error!)
//                    }
//                })
            } else {
               print("Llegaste aca? ")
            }

            
        }else{
            NSLog("The UIApplication keyWindow of the rootViewController must be loaded first", "")
        }
    }
        
    private func makeWebView(viewController: ViewController) -> WKWebView {
        let preferences = WKPreferences()
        preferences.javaScriptEnabled = true
        let config = WKWebViewConfiguration()
        config.userContentController.add(self, name: "message5")
        config.preferences = preferences
        let webView = WKWebView(frame: .init(x: 1.0, y: 1.0, width: 0, height: 0),
                                configuration: config)
        webView.translatesAutoresizingMaskIntoConstraints = false
        viewController.view.addSubview(webView)
        return webView
    }
    
    private func getJavaScript() -> String?{
        var javaScript: String? = nil
        if let jsSourcePath = Bundle.main.path(forResource: "ejemplo", ofType: "js") {
            do {
                javaScript = try String(contentsOfFile: jsSourcePath)
            }
            catch {
                NSLog("getJavaScriptString: "+(error.localizedDescription), "")
            }
        }
        return javaScript
    }
    
    private func getHtml() -> String {
        let html: String =
            """
            <html>
                <body>
                    <script>
                    </script>
                </body>
            </html>
            """
        return html
    }
    
    private var webView: WKWebView? {
        didSet {
            oldValue?.removeFromSuperview()
            oldValue?.configuration.userContentController.removeScriptMessageHandler(forName: "message5")
        }
    }
    
   
}

extension UIWindow {
    static var key: UIWindow? {
        if #available(iOS 13, *) {
            return UIApplication.shared.windows.first { $0.isKeyWindow }
        } else {
            return UIApplication.shared.keyWindow
        }
    }
}

Javascript :

testFunct();
function testFunct() {
    window.webkit.messageHandlers.message5.postMessage("nice" )
}

Error :

failure(Error Domain=WKErrorDomain Code=4 "A JavaScript exception occurred" UserInfo={WKJavaScriptExceptionLineNumber=0, WKJavaScriptExceptionMessage=TypeError: undefined is not an object (evaluating 'window.webkit.messageHandlers'), WKJavaScriptExceptionColumnNumber=0, NSLocalizedDescription=A JavaScript exception occurred})

In addition for example here I have some changes of code but for example I never receive in method userContentController the message. Where I set the window.webkit.messageHandlers in the html.

import WebKit
import UIKit

class FingerprintJs : NSObject, WKScriptMessageHandler, WKNavigationDelegate{
    
    public func tryFinger(){
        getWebView()
    }
    
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        assert(message.name == "myMessageName")
    }
    
    private func getWebView(){
        if let viewController = UIWindow.key?.rootViewController {
            if Thread.isMainThread {
                let webView = self.makeWebView(viewController: viewController as! ViewController)
                webView.loadHTMLString(getHtml(), baseURL: nil)
//                webView.evaluateJavaScript(getJavaScript()!,completionHandler:{(result , error) in
//                    if error == nil {
//                        print("success")
//                        print(result as Any)
//                    }
//                    else {
//                        print("error in executing js ", error!)
//                    }
//                })
            } else {
               print("Llegaste aca? ")
            }

            
        }else{
            NSLog("The UIApplication keyWindow of the rootViewController must be loaded first", "")
        }
    }
        
    private func makeWebView(viewController: ViewController) -> WKWebView {
        let preferences = WKPreferences()
        preferences.javaScriptEnabled = true
        let config = WKWebViewConfiguration()
        config.userContentController.add(self, name: "myMessageName")
        config.preferences = preferences
        let webView = WKWebView(frame: .init(x: 1.0, y: 1.0, width: 0, height: 0),
                                configuration: config)
        webView.translatesAutoresizingMaskIntoConstraints = false
        viewController.view.addSubview(webView)
        webView.navigationDelegate = self
        return webView
    }
    
    private func getJavaScript() -> String?{
        var javaScript: String? = nil
        if let jsSourcePath = Bundle.main.path(forResource: "ejemplo", ofType: "js") {
            do {
                javaScript = try String(contentsOfFile: jsSourcePath)
            }
            catch {
                NSLog("getJavaScriptString: "+(error.localizedDescription), "")
            }
        }
        return javaScript
    }
    
    private func getHtml() -> String {
        let html: String =
            """
            <html>
                <body>
                    <script>
                        window.webkit.messageHandlers.myMessageName.postMessage("message")
                    </script>
                </body>
            </html>
            """
        return html
    }
    
    private var webView: WKWebView? {
        didSet {
            oldValue?.removeFromSuperview()
            oldValue?.configuration.userContentController.removeScriptMessageHandler(forName: "message5")
        }
    }
    
   
}

extension UIWindow {
    static var key: UIWindow? {
        if #available(iOS 13, *) {
            return UIApplication.shared.windows.first { $0.isKeyWindow }
        } else {
            return UIApplication.shared.keyWindow
        }
    }
}

Answer 1

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    webView.evaluateJavaScript("testFunct()")
}

try calling the JS method from didFinish navigation method once the webView is loaded. It might be due to calling the JS method before the webView is properly loaded.