iOS原生与WebView JS交互

在iOS开发中，有时我们需要在原生应用和嵌入的WebView之间进行数据交换和功能调用，这在处理复杂的用户界面或利用已有Web服务时尤为常见。本篇将深入探讨如何实现iOS原生与WebView之间的JS交互，以及如何通过Swift语言高效地完成这一过程。 一、WebView基础 WebView是iOS应用中用来显示网页内容的组件，常见的有WKWebView和UIWebView两种。其中，WKWebView是苹果推荐的新一代WebView，它提供了更好的性能和安全性，同时支持最新的Web标准。而UIWebView则相对老旧，但在某些场景下仍然有其使用价值。 二、Swift中的WebView集成 1. WKWebView集成： - 创建WKWebView实例：首先需要导入WebKit框架，然后创建一个WKWebView的实例，并设置其frame以适应显示区域。 - 加载网页：使用`load(URLRequest:)`方法加载指定URL的网页内容。 - 设置WebView代理：通过实现WKNavigationDelegate协议，可以监听网页加载状态和处理错误。 2. UIWebView集成： - 创建UIWebView实例：与WKWebView类似，设置frame并初始化。 - 加载网页：使用`loadRequest(_:)`方法加载网页内容。 - 设置WebView代理：实现UIWebViewDelegate协议，处理加载进度和错误。 三、JS交互原理 iOS原生应用与WebView间的交互主要通过JavaScriptCore框架实现。当我们在WebView中执行JavaScript代码时，可以通过桥接调用到Objective-C或Swift的方法，反之亦然。 四、Swift与JS交互 1. 注册Swift方法供JS调用： - 使用WKWebView的`evaluateJavaScript(_:completionHandler:)`方法执行JS代码。 - 在Swift中定义一个闭包函数，作为JS回调的实现。 - 通过`WKUserContentController`和`WKUserScript`注册这个闭包函数，使得JS可以调用。 2. 调用JS方法： - 通过`evaluateJavaScript(_:)`方法执行JS代码，传入要执行的JS函数名和参数。 五、闭包形式回调交互 描述中的"一行代码注册方法,使用闭包形式回调交互"指的是在Swift中通过简洁的方式设置JS与原生的交互。例如，我们可以创建一个闭包来处理JS的回调： ```swift let userContentController = WKUserContentController() userContentController.add({ (message, completion) in // 这里是Swift代码处理JS传递过来的数据 print("Received message from JS: \(message)") completion(true) }, name: "jsToNative") ``` 六、WebView交互Demo 压缩包中的"WebView交互Demo"应该包含了一个简单的示例项目，演示了如何在Swift中设置WKWebView，并实现原生与JS的双向通信。通过运行这个Demo，你可以直观地了解每个步骤的具体实现，加深对这一知识点的理解。 iOS原生与WebView的JS交互是一项实用的技术，它让开发者能够充分利用Web技术增强应用的功能，同时保持良好的性能和用户体验。通过Swift的闭包和JavaScriptCore，我们可以轻松地实现两者之间的高效交互。