ios-WKWebView 的加载 、js交互的使用.zip

在iOS开发中，WKWebView是苹果提供的一种用于展示网页内容的组件，它是UIWebView的替代品，具有更好的性能和安全性。本教程将深入探讨WKWebView的加载机制以及如何实现JavaScript与Objective-C/Swift的交互。 一、WKWebView的加载 1. 初始化：WKWebView的初始化通常使用`WKWebViewConfiguration`来设置一些初始参数，如是否启用JavaScript，是否允许自动缩放等。创建一个WKWebView实例后，可以将其添加到视图层级结构中，以便在用户界面显示网页。 ```swift let configuration = WKWebViewConfiguration() let webView = WKWebView(frame: .zero, configuration: configuration) view.addSubview(webView) ``` 2. 加载URL：使用`load`方法加载指定的URL，这可以是HTTP/HTTPS协议的网页链接。 ```swift let url = URL(string: "https://www.example.com")! webView.load(URLRequest(url: url)) ``` 3. 进度跟踪：WKWebView提供了`estimatedProgress`属性，可以用来监控页面加载的进度。如果需要实时更新进度条，可以通过KVO（Key-Value Observing）进行监听。 二、JavaScript交互 WKWebView提供了多种与JavaScript交互的方式，这在处理网页内容或者调用网页中的函数时非常有用。 1. `evaluateJavaScript`：这是最直接的JavaScript执行方法，可以接收一个JavaScript字符串，执行后返回结果或抛出错误。 ```swift webView.evaluateJavaScript("document.title") { (result, error) in if let title = result as? String { print("网页标题：\(title)") } else if let error = error { print("执行错误：\(error.localizedDescription)") } } ``` 2. `WKUserContentController`：通过设置`WKUserContentController`，我们可以注册JavaScript函数，并在Swift代码中接收回调。这对于实现从网页到原生代码的消息传递非常有用。 ```swift let contentController = WKUserContentController() contentController.add(self, name: "SwiftCallback") configuration.userContentController = contentController // 注册JavaScript函数 let scriptSource = "window.webkit.messageHandlers.SwiftCallback.postMessage('Hello, Swift!')" let script = WKUserScript(source: scriptSource, injectionTime: .atDocumentEnd, forMainFrameOnly: false) configuration.userContentController.addUserScript(script) ``` 3. `WKScriptMessageHandler`：实现此协议，可以处理来自JavaScript的消息。在上面的代码中，我们注册了"SwiftCallback"，当JavaScript调用这个函数时，`userContentController(_:didReceive:)`会被调用。 ```swift extension ViewController: WKScriptMessageHandler { func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { print("接收到JavaScript消息：\(message.body)") } } ``` 总结，WKWebView在iOS应用中扮演着重要角色，它不仅可以高效地加载网页，还提供了丰富的API用于JavaScript交互，使得原生应用和网页内容可以无缝结合。在实际开发中，开发者可以根据需求选择合适的方法实现特定功能，提升用户体验。通过理解并熟练运用这些知识点，可以让你的iOS应用更加强大和灵活。