Swift WKWebViewのjs呼び出しswift

1843 ワード

最近のプロジェクトの需要、JavaScriptCoreとWebKitを使う必要がありますが、ネット上の資源は限られていて、しかも雑で、すべて1つのブログが別のブログをコピーして、実際にコードの検証をノックしていません.次は私の学習過程を共有します.
js呼び出しswift
コントロールのコード:
import UIKit
import WebKit

class JSCallSwiftController: UIViewController {
    var webView = WKWebView()
    override func viewDidLoad() {
        super.viewDidLoad()
        setWebView()
    }
    func setWebView() {
        webView.frame = view.frame
        let config = WKWebViewConfiguration()
        
        //    
        config.preferences = WKPreferences()
        //  
        config.preferences.minimumFontSize = 10
        //  js  
        config.preferences.javaScriptEnabled = true
        //       
        config.preferences.javaScriptCanOpenWindowsAutomatically = false
        //web     
        config.processPool = WKProcessPool()
        //js webview    
        config.userContentController = WKUserContentController()
        //  js     appmodel, js  appmodel   
        //   wkscriptMessagehandler       
        config.userContentController.add(self, name: "AppModel")
        
        //webView
        webView = WKWebView(frame: view.bounds, configuration: config)
        view.addSubview(webView)
        let url = Bundle.main.url(forResource: "JSCallOC", withExtension: "html")
        webView.load(URLRequest(url:url!))
    }
}

extension JSCallSwiftController: WKNavigationDelegate {
    
}

extension JSCallSwiftController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        print(message.body)
    }
}

htmlに書き込むコード:
function log(n) {
        window.webkit.messageHandlers.AppModel.postMessage({body:n})
    }
は、js呼び出しswiftの方法を簡単に実現する.
転載する場合は、AirZilongのブログへの転載を明記してください