从 UIWebView 到 WKWebView

①本文章适合有 UIWebView 基础的人看，如果实在没用过的话，至少你要知道 UIWebView 是个什么东西。
② UIWebView 和 WKWebView 的区别
WKWebView 更快（占用内存可能只有 UIWebView 的1/3~1/4），没有缓存，更为细致地拆分了 UIWebViewDelegate 中的方法。
想要了解更多关于 WKWebView 的特性的，可以自行 Google，这里你可以简单地把它当做是轻量级的 UIWebView。

常用代理方法

在 WKWebView 中，UIWebViewDelegate 与 UIWebView 被重构成了14类与3个协议，下面给出一些在 UIWebView 中常用的方法的 WKWebView 版本。

//准备加载页面UIWebViewDelegate - webView:shouldStartLoadWithRequest:navigationTypeWKNavigationDelegate - webView:didStartProvisionalNavigation://已开始加载页面，可以在这一步向view中添加一个过渡动画UIWebViewDelegate - webViewDidStartLoad:WKNavigationDelegate - webView:didCommitNavigation://页面已全部加载，可以在这一步把过渡动画去掉UIWebViewDelegate - webViewDidFinishLoad:WKNavigationDelegate - webView:didFinishNavigation://加载页面失败UIWebViewDelegate - webView:didFailLoadWithError:WKNavigationDelegate - webView:didFailNavigation:withError:WKNavigationDelegate - webView:didFailProvisionalNavigation:withError:

以上方法分别存在于 UIWebViewDelegate 和 WKNavigationDelegate 中。
如果你之前只是用到了以上列出的 UIWebViewDelegate 中的几个方法，那么只是简单地换一个方法名，让你的 ViewController 继承 WKNavigationDelegate ，继续用就可以了。想要更多内容可以自己用 cmd键+鼠标左击『WKNavigationDelegate』通过 Xcode 查看。
要注意的是 webview.delegate = self 需要改写为 webview.navigationDelegate = self。

JS交互

在 UIWebView 中，一句简单的webView.stringByEvaluatingJavaScriptFromString() 就可以用 JS 脚本操纵 WebView，在 WKWebView 中，我们可能需要用到 WKScriptMessageHandler 这个协议中的 func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) 方法。

下面的示例代码用于从 WKWebView 中获取网页中的文本。

 let js = "window.webkit.messageHandlers.observe.postMessage(document.body.innerText);" // 注意这里的observe字段是自己写的，不是固定的写法，参考第6行    let script = WKUserScript(source: js, injectionTime: WKUserScriptInjectionTime.AtDocumentEnd, forMainFrameOnly: true) // 这里的 AtDocumentEnd 字段是指网页中的内容加载完毕后再插入 JS 脚本，你也可以选择 AtDocumentStart，在 document element 刚刚创建时就插入脚本，看具体需求    let config = WKWebViewConfiguration()    config.userContentController.addUserScript(script)    config.userContentController.addScriptMessageHandler(self, name: "observe") // 对应第一行 JS 脚本中的observe字段    //初始化WKWebView    let webview = WKWebView(        frame: CGRectMake(0, 0, self.view.frame.width, self.view.frame.height),        configuration: config)    webview.navigationDelegate = self    self.view.addSubview(webview)    //加载网页    webview.loadRequest(NSURLRequest(URL: NSURL(string: "http://www.jianshu.com")!))

可能你也注意到了，把 JS 脚本注入到 WebView 的途径是初始化一个 WebView，所以你需要在 WebView 初始化之前写好自己的脚本。当然如果你不需要 JS 交互，直接用一个 frame 来初始化 WebView，去掉 configuration 参数就好了。

然而，我们如何拿到从 WKWebView 中抓取到的文本呢（通过 document.body.innerText 这一句）？
如上面所说，让你的 ViewController 在继承了 WKNavigationDelegate 之后再继承一下 WKScriptMessageHandler 。然后实现 WKScriptMessageHandler 中唯一的一个方法：

func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage){    let str:NSString = message.body as! NSString // 因为我们抓取到的是文本，这里把 message.body 强制转换为 NSString，如果你通过 JS 拿到的是其他信息，按需转换    print(str)}

乍一看这里可能会有疑惑：我们给 WKWebView 绑定了 WKNavigationDelegate，但是 WKScriptMessageHandler 并没有提供代理方法啊。其实与此相对应的过程出现在上一段代码中的第5行：config.userContentController.addScriptMessageHandler 这一句。

文／KyXu（简书作者）
原文链接：http://www.jianshu.com/p/f94cad074196
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。