WKWebView使用、进度条、与原生交互

WKWebView是苹果在iOS 8.0及以后版本中引入的一种新型网页视图控制器，用于替代之前的UIWebView。它的出现主要是为了提供更好的性能和安全性，同时也支持更多的现代Web标准。WKWebView不仅加载网页更快，内存管理更高效，还能够更好地隔离JavaScript环境，减少应用程序与网页内容之间的安全风险。 让我们详细了解一下WKWebView的基本使用。创建一个WKWebView，你需要初始化一个WKWebView配置对象（WKWebViewConfiguration），然后使用这个配置来实例化WKWebView。以下是一个简单的创建过程： ```swift import WebKit let configuration = WKWebViewConfiguration() let webView = WKWebView(frame: .zero, configuration: configuration) ``` 接下来，你可以设置WKWebView的代理，以监听加载过程和处理JavaScript与原生代码的交互。WKWebView遵循WKNavigationDelegate协议，提供了一系列方法来处理加载开始、完成、失败等事件： ```swift webView.navigationDelegate = self ``` 实现WKNavigationDelegate的方法，例如： ```swift func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) { // 页面开始加载 } func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { // 页面加载完成 } func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) { // 加载失败 } ``` 为了展示网页内容，可以使用`load`方法： ```swift let url = URL(string: "https://www.example.com")! webView.load(URLRequest(url: url)) ``` 关于进度条，WKWebView并没有内置的进度条组件，但你可以通过监听加载进度来自定义一个。你可以使用`WKWebView`的`estimatedProgress`属性，它会返回当前加载进度的值（范围0到1）： ```swift func webViewDidChangeEstimatedProgress(_ webView: WKWebView) { let progress = webView.estimatedProgress // 更新自定义进度条 } ``` 至于原生与JavaScript的交互，WKWebView提供了`evaluateJavaScript`方法，可以执行JavaScript代码并获取其结果： ```swift webView.evaluateJavaScript("document.title") { result, error in if let title = result as? String { print("Page title: \(title)") } else if let error = error { print("JavaScript execution error: \(error.localizedDescription)") } } ``` 同时，JavaScript可以调用`window.webkit.messageHandlers`对象上的方法来与原生代码通信。在Swift中，你需要在WKWebView的配置中设置一个`WKUserContentController`，并添加消息处理器： ```swift let userContentController = WKUserContentController() userContentController.add(self, name: "myHandler") configuration.userContentController = userContentController ``` 然后实现WKScriptMessageHandler协议： ```swift extension ViewController: WKScriptMessageHandler { func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { guard let messageName = message.name, messageName == "myHandler" else { return } print("Received message from JavaScript: \(message.body)") } } ``` 现在，JavaScript可以通过`window.webkit.messageHandlers.myHandler.postMessage`发送消息给原生代码。 在WKWebViewDemo-master项目中，你可能会看到这些概念的实战应用，包括WKWebView的初始化、页面加载、进度条显示以及JavaScript与原生代码的交互示例。通过深入研究这个项目，你可以更好地理解如何在实际应用中集成WKWebView并实现相关功能。