swift 开发UIWebView跟JS的交互

前端之家收集整理的这篇文章主要介绍了swift 开发UIWebView跟JS的交互前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

作为小白的我,才开始入门IOS,选择了swift来进行入门学习,学习做着公司一个简单的小小项目,该项目需要进行跟H5进行交互,然后我就开始研究了UIWebView的使用,其实基本原理跟Android的一样,因为我是Android开发的,所以就顺水推舟了。


基础认知:

JavaScriptCore类是IOS中提供与JS交互的一个框架,我们需要了解:

  • JSContext,JSContext是代表JS的执行环境,通过-evaluateScript:方法就可以执行一JS代码
  • JSValue,JSValue封装了JS与ObjC中的对应的类型,以及调用JS的API等
  • JSExport,JSExport是一个协议,遵守此协议,就可以定义我们自己的协议,在协议中声明的API都会在JS中暴露出来,才能调用

swift代码




import UIKit
import JavaScriptCore
// 这里必须使用@objc,因为JavaScriptCore库是ObjectiveC版本的。如果不加@objc,则调用效果
@objc protocol VideoJsDelegate:JSExport {

func callCarpture(_ type : String,_ comId:String,_ a:String)//扫描
func callShare()//分享
func callPhone(_ phone:String)//拨打电话
func getAddress()
}


@objc class VideoJsModel: NSObject,VideoJsDelegate {
func getAddress() {

}


func callPhone(_ phone: String) {
print("拨打电话.....")
}


func callShare() {


}


func callCarpture(_ type: String,_ comId: String,_ a: String) {
print(comId)

}


var jsContext:JSContext!

}




class ViewController: UIViewController,UIWebViewDelegate {


@IBOutlet weak var wevView: UIWebView!

var jsContext: JSContext!


override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view,typically from a nib.

wevView.delegate = self;
self.wevView.scalesPageToFit = true
wevView?.loadRequest(URLRequest.init(url: URL.init(string: "http://aabbbss.com")!))//这里设置你需要加载的地址
}


override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}


//webView代理方法,网页内容加载完成时调用
func webViewDidFinishLoad(_ webView: UIWebView){
print("加载完成。。。。。")

let imei = "646184315135"

webView.stringByEvaluatingJavaScript(from: "GetUserInfo('"+imei+"')")//调用H5的方法,这方法必须放到这个webViewDidFinishLoad方法执行完后才能调用
self.jsContext = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext
let model = VideoJsModel()

model.jsContext = self.jsContext
// 将Test注入到JS中,在JS让Test以对象的形式存在
self.jsContext.setObject(model,forKeyedSubscript: "Test" as NSCopying & NSObjectProtocol)


let curUrl = webView.request?.url?.absoluteURL

jsContext.evaluateScript(try? String(contentsOf: curUrl!,encoding: String.Encoding.utf8))//WebView当前访问页面链接 可动态注册

jsContext.exceptionHandler = { (context,exception) in
print("exception:",exception as Any)
}

}



}


以上代码是正常运行交互,前提是:VideoJsDelegate 中的方法中带有参数必须在前面加下划线,如果不加下划线,就没有效果,H5 调用不到本地的方法


参考:

http://blog.csdn.net/sbt0198/article/details/54015914 http://blog.csdn.net/json_vip/article/details/51615029

原文链接:/swift/321111.html

猜你在找的Swift相关文章