Swift 中的 UIWebView 和 JavaScriptInterface

Question

如何创建从我的网站到我的 UIWebView 的 JavascriptInterface 通道？

Android中的示例：

webView.addJavascriptInterface(new WebAppInterface(this), "Android");

我想从这个 JavascriptInterface 中绘制方法，例如：

func webViewDidStartLoad(webView: UIWebView)

或

myActivityIndicator.startAnimating()

我该怎么办？

Answer 1

这是一个简单的例子：

在Xcode

foobar

在您的网络视图中处理此 URL 方案

func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool {
    if request.URL?.query?.containsString("show_activity_indicator=true") {
        myActivityIndicator.startAnimating()
    }
}

最后，从您的 JavaScript

调用它

// Show your activity indicator from JavaScript.
window.location = "foobar://fizz?show_activity_indicator=true"

注意：有关 iOS 中 Web 视图通信的更多信息，请参阅 my question here。

Answer 2

对于 WKWebView：来源 here

JavaScript

function callNativeApp () {
    try {
            webkit.messageHandlers.callbackHandler.postMessage("Hello from JavaScript");
    } catch(err) {
            console.log('The native context does not exist yet');
    }
}

Swift

import WebKit
class ViewController: UIViewController, WKScriptMessageHandler {

    @IBOutlet var containerView: UIView? = nil

    var webView: WKWebView?

    override func loadView() {
        super.loadView()

        let contentController = WKUserContentController()
        contentController.addScriptMessageHandler(self, name: "callbackHandler")
        let config = WKWebViewConfiguration()
        config.userContentController = contentController

        self.webView = WKWebView( frame: self.containerView!.bounds, configuration: config)
        self.view = self.webView

    }

    override func viewDidLoad() {
        super.viewDidLoad()

        //I use the file html in local
        let path = NSBundle.mainBundle().pathForResource("index", ofType: "html") 
        let url = NSURL(fileURLWithPath: path!)
        let req = NSURLRequest(URL: url)
        self.webView!.loadRequest(req)

    }

    func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {// edit: changed fun to func
        if (message.name == "callbackHandler"){
            print("\(message.body)")
        }
    }

}

对于 UIWebView：来源 here

JavaScript 在 HTML

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
        (function(){
            $(window).load(function(){

               $('.clickMe').on('click', function(){
                   window.location = "foobar://fizz?Hello_from_javaScript";
               });
            });
         })(jQuery);
    </script>

Swift

import UIKit
class ViewController: UIViewController, UIWebViewDelegate {

    @IBOutlet weak var Web: UIWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

    let path = NSBundle.mainBundle().pathForResource("index", ofType: "html")
        let url = NSURL(fileURLWithPath: path!)
        let req = NSURLRequest(URL: url)
        Web.delegate = self
        Web.loadRequest(req)
    }

    func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool {
        if request.URL?.query != nil {
            print("\(request.URL!.query!)")
        }
        return true
    }

}

Swift 中的 UIWebView 和 JavaScriptInterface

UIWebView and JavaScriptInterface in Swift

uiwebview

ios

swift