iOS8.0以后蘋果推出了新框架WebKit值纱，用于在app內(nèi)加載網(wǎng)頁時取代UIWebView京景。WebKit與UIWebView相比星掰，占用內(nèi)存更少其馏，加載更快凤跑，支持更多html5的特性，并且有60fps的滾動刷新率和內(nèi)置手勢叛复。本文用簡單的例子介紹使用WebKit本地調(diào)用js代碼及js調(diào)用本地方法仔引。
文中例子說明
-
一個簡單的網(wǎng)頁
01.png -
在文本輸入框中輸入內(nèi)容，點擊網(wǎng)頁中的按鍵褐奥，將信息傳到本地并調(diào)用本地方法咖耘，彈出警告框
02.png -
點擊OK后調(diào)用js代碼將警告框中的內(nèi)容顯示到網(wǎng)頁中
03.png
例子中用到的js代碼在這里
go on
初始化WKWebView
let wkConfig = WKWebViewConfiguration()
//注意這里的`?????????model`
wkConfig.userContentController.add(self, name: "model")
wkView = WKWebView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height), configuration: wkConfig)
let htmlStr = try?String(contentsOfFile: Bundle.main.path(forResource: "demo", ofType: "html")!)
wkView.loadHTMLString(htmlStr!, baseURL: nil)
let request = URLRequest(url: URL.init(string: "http://7xlyw8.com1.z0.glb.clouddn.com/demo.html")!)
wkView.load(request)
self.view.addSubview(wkView)
注意代碼里的model，這里是向WebKit注冊js調(diào)用的方法
js向本地發(fā)送消息
window.webkit.messageHandlers.model.postMessage(massage);
代碼中的model是在app中使用WKWebViewConfiguration類中的方法注冊
實現(xiàn)WKScriptMessageHandler代理方法
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
let dic = message.body as! NSDictionary
showAlert(message: dic["yousay"] as! String)
}
func showAlert(message: String) {
let alert = UIAlertController(title: nil, message: message, preferredStyle: UIAlertControllerStyle.alert)
alert.addTextField { (textField) in
textField.placeholder = "回答"
}
alert.addAction(UIAlertAction.init(title: "OK", style: UIAlertActionStyle.default, handler: {[weak self](alertAction) in
let answer = alert.textFields?.first?.text
let js = "answer(\"\(answer!)\")"
self?.wkView.evaluateJavaScript(js, completionHandler: { (info, error) in
print(info)
print(error)
})
}))
self.present(alert, animated: true, completion: nil)
}
-
userContentController方法中的參數(shù)message是js中postMessage傳遞的消息 -
wkView.evaluateJavaScrept方法用來執(zhí)行js代碼
