JavaFX,Unity3D,Android,IOS等技术教程和生活随笔,仅供记录

http://www.wingmei.cn/wp-content/themes/Vtrois-Kratos-e85a527/images/background.jpg

IOS Swift中UIWebView页面JS调用原生方法

最近做一个app,里面有一个功能是加载服务器返回的HTML5页面,但是页面中会调用JS方法执行IOS的原生代码。

网络搜了一下,不过大部分都是很老的代码了。事实上,实现起来也很简单。

首先我们要定义一个objc协议:

@objc protocol MyMethodProtocol: JSExport {
    func showTownDetail(_ id:String, _ name:String)
}

然后创建一个类继承NSObject,实现我们定义的协议:

class MyMethod : NSObject, JavaScriptMethodProtocol {
    private var vc:UIViewController?  //用于实现与UIViewController相关的方法
    private var url:String?  //个人项目使用,可以通过判断URL的不同,同一个方法实现不一样的效果
    init(url:String,viewController:UIViewController) {
        self.vc = viewController
        self.url = url
    }
    func showTownDetail(_ id: String, _ name: String) {
    }
}

接着通过我们的UIWebView获取JSContext来关联JS的方法:

self.context = mWebView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext?
self.context!.setObject(JavaScriptMethod(url: url!,viewController: self), forKeyedSubscript: "hello" as (NSCopying & NSObjectProtocol)!)

如上所示,我们定义了”hello”,这意味着我们在Web页面的JS中,通过调用hello.showTownDetail(xxx,xxx)来执行我们IOS中的方法。

这样就能简单在Web页面中调用IOS的原生功能了。

点赞

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注