swift-Swift与JS的简单交互

在Swift和JavaScript之间进行交互是iOS应用开发中的一个重要技能，特别是在构建混合式应用程序或与Web内容进行集成时。本文将深入探讨如何在Swift环境中实现与JavaScript的简单交互，以实现跨平台的功能协同。 Swift与JavaScript交互的核心在于`WKWebView`组件。`WKWebView`是苹果提供的一个强大的组件，用于在iOS应用中加载和显示网页内容。通过它，我们可以执行JavaScript代码，获取返回的结果，甚至监听页面上的事件。 1. **引入WKWebView**: 在Swift项目中，首先需要导入`WebKit`框架，然后创建一个`WKWebView`实例。这可以通过在`ViewController`类中声明一个`WKWebView`属性并设置其约束来实现： ```swift import UIKit import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView = WKWebView(frame: view.bounds) view.addSubview(webView) // 加载网页内容 let url = URL(string: "https://yourwebsite.com")! webView.load(URLRequest(url: url)) } } ``` 2. **执行JavaScript代码**: 使用`WKWebView`的`evaluateJavaScript(_:)`方法可以在网页上下文中执行JavaScript代码，并获取返回值。例如： ```swift webView.evaluateJavaScript("document.title") { (result, error) in if let title = result as? String { print("当前页面标题：\(title)") } else if let error = error { print("执行JavaScript错误：\(error.localizedDescription)") } } ``` 3. **监听JavaScript事件**: 可以通过设置`WKUserContentController`和`WKWebViewConfiguration`来实现Swift对JavaScript事件的监听。创建一个`WKUserContentController`，定义一个JavaScript到Swift的桥接函数，然后将其添加到配置中： ```swift let userContentController = WKUserContentController() userContentController.add(self, name: "swiftCallback") let config = WKWebViewConfiguration() config.userContentController = userContentController webView = WKWebView(frame: .zero, configuration: config) ``` 接下来，在`ViewController`中实现`WKScriptMessageHandler`协议，处理JavaScript发送的消息： ```swift extension ViewController: WKScriptMessageHandler { func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { if message.name == "swiftCallback" { print("接收到JavaScript消息：\(message.body)") } } } ``` 4. **JavaScript调用Swift函数**: 要使JavaScript能够调用Swift函数，可以在JavaScript中使用`window.webkit.messageHandlers.swiftCallback.postMessage(data)`发送消息。Swift端的`userContentController(_:didReceive:)`会捕获这些消息。 在`SwiftJavascriptDemo-master`项目中，可能包含了一个示例应用，演示了如何使用上述方法在Swift和JavaScript之间进行交互。通过运行这个示例，你可以更直观地了解这一过程，并根据自己的需求进行修改和扩展。 Swift与JavaScript的交互为iOS开发者提供了丰富的可能性，使得在原生应用中集成复杂的Web功能成为可能。通过`WKWebView`和`WKUserContentController`，我们可以轻松地在两个世界之间架起沟通的桥梁，提升应用的用户体验。在实际开发中，应根据项目需求灵活运用这些技术，确保代码的稳定性和性能。