WKWebView 的使用（和js交互）

最近在做一个VR项目，亲身体验的WKWebView 确实比 UIWebView 的效率高很多，特别实在内存控制方面，UIWebview飙升到近100M，而WKWebView却不到50M。

目前，iOS的市场占有率已达86%，iOS7仅仅占据不到3%,如果我们的项目不需要兼容iOS7的话，我们就可以考虑项目使用WKWebview,如果非得考虑兼容iOS7的话，择通过判断系统版本来添加UIWebview。

下面直接上代码：

 初始化

let configuretion = WKWebViewConfiguration()
// Webview的偏好设置
configuretion.preferences = WKPreferences()
configuretion.preferences.minimumFontSize = 10
configuretion.preferences.javaScriptEnabled = true
// 默认是不能通过JS自动打开窗口的，必须通过用户交互才能打开
configuretion.preferences.javaScriptCanOpenWindowsAutomatically = false
// 通过js与webview内容交互配置
configuretion.userContentController = WKUserContentController()
// window.webkit.messageHandlers.goodDetail.postMessage({body: '1001'});

configuretion.userContentController.addScriptMessageHandler(self, name: "goodDetail")

wkwebView = WKWebView(frame: CGRect(x: 0, y: 0, width: ScreenW, height: ScreenH - 64), configuration: configuretion)
wkwebView.backgroundColor = UIColor.whiteColor()
self.view.addSubview(wkwebView)
wkwebView.UIDelegate = self
wkwebView.userInteractionEnabled = true
// 网页内部开启滑动返回
wkwebView.allowsBackForwardNavigationGestures = true
wkwebView.navigationDelegate = self
wkwebView.sizeThatFits(CGSize(width: ScreenW, height: ScreenH - 64))
wkwebView.loadRequest(NSURLRequest(URL: url))

// 添加监听 加载情况
wkwebView.addObserver(self, forKeyPath: "loading", options: .New, context: nil)

代理方法：

//MARK: MKWebView 代理 iOS8及以上
@available(iOS 8.0, *)
func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {
print(message.body)

// 去商品详情 // 网页端：window.webkit.messageHandlers.goodDetail.postMessage({body: '1001'});
if message.name == "goodDetail" {
if message.body.objectForKey("body") != nil {
let goodid = String(message.body.objectForKey("body")!)
self.goGoodDetail(goodid)
}

//MARK: - 商品详情
func goGoodDetail(goodid:String) {
let sb = UIStoryboard(name: "Main", bundle: nil)
let gdcontroller = sb.instantiateViewControllerWithIdentifier("GoodsDetailID") as! GoodsDetailViewController
gdcontroller.goods_id = goodid
gdcontroller.hidesBottomBarWhenPushed = true
self.navigationController?.pushViewController(gdcontroller, animated: true)
}

func webView(webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
self.activity.stopAnimating()
}
func webView(webView: WKWebView, decidePolicyForNavigationAction navigationAction: WKNavigationAction, decisionHandler: (WKNavigationActionPolicy) -> Void) {
decisionHandler(.Allow)
}

func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {
self.activity.stopAnimating()
}

func webView(webView: WKWebView, didFailNavigation navigation: WKNavigation!, withError error: NSError) {
self.activity.stopAnimating()
}
// js 里面的alert实现，如果不实现，网页的alert函数无效
func webView(webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: () -> Void) {
let alert = UIAlertController(title: "提示", message: message, preferredStyle: .Alert)
let action = UIAlertAction(title: "确定", style: .Default) { (UIAlertAction) in
completionHandler()
}
alert.addAction(action)
self.presentViewController(alert, animated: true, completion: nil)
}

观察到加载完毕：

//MARK: 观察者，观察WKWebview
override func observeValueForKeyPath(keyPath: String?, ofObject object: AnyObject?, change: [String : AnyObject]?, context: UnsafeMutablePointer<Void>) {

if keyPath == "loading" {
print("loading")

// 已经完成加载时，我们就可以做我们的事了
if wkwebView.loading {

title = wkwebView.title
// 手动调用JS代码 网页写好的js都可以调用
wkwebView.evaluateJavaScript("document.title"){ (resopnseObject, error) in
print(resopnseObject,error)
let title = resopnseObject
print(title)
}
} 
}
}

退出时要注销注册的事件：

//MARK: 移除WKwebview handler
func removeHandler() {
wkwebView.configuration.userContentController.removeScriptMessageHandlerForName("goodDetail")
wkwebView.removeObserver(self, forKeyPath: "loading", context: nil)
}