在iOS开发中，有时我们需要在原生应用和嵌入的WebView之间进行数据交换和功能调用，这在处理复杂的用户界面或利用已有Web服务时尤为常见。本篇将深入探讨如何实现iOS原生与WebView之间的JS交互，以及如何通过Swift语言高效地完成这一过程。

一、WebView基础

WebView是iOS应用中用来显示网页内容的组件，常见的有WKWebView和UIWebView两种。WKWebView是苹果推荐的新一代WebView，它提供了更好的性能和安全性，同时支持最新的Web标准。而UIWebView则相对老旧，但在某些场景下仍然有其使用价值。你是否好奇为什么苹果会继续保留UIWebView？毕竟，在一些老旧项目中，它依然有着不可替代的作用！

二、Swift中的WebView集成

  1. WKWebView集成：

  2. 创建WKWebView实例：首先需要导入WebKit框架，然后创建一个WKWebView的实例，并设置其frame以适应显示区域。

  3. 加载网页：使用load(URLRequest:)方法加载指定URL的网页内容。

  4. 设置WebView代理：通过实现WKNavigationDelegate协议，可以监听网页加载状态和处理错误。难道你不觉得，这简直就像在开车时，拥有了一位全能的副驾驶吗？

  5. UIWebView集成：

  6. 创建UIWebView实例：与WKWebView类似，设置frame并初始化。

  7. 加载网页：使用loadRequest(_:)方法加载网页内容。

  8. 设置WebView代理：实现UIWebViewDelegate协议，处理加载进度和错误。

三、JS交互原理

iOS原生应用与WebView间的交互主要通过JavaScriptCore框架实现。当我们在WebView中执行JavaScript代码时，可以通过桥接调用到Objective-C或Swift的方法，反之亦然。是不是听起来有点像在两个完全不同的世界之间架起了一座桥梁？

四、Swift与JS交互

  1. 注册Swift方法供JS调用：

  2. 使用WKWebView的evaluateJavaScript(_:completionHandler:)方法执行JS代码。

  3. 在Swift中定义一个闭包函数，作为JS回调的实现。

  4. 通过WKUserContentController和WKUserScript注册这个闭包函数，使得JS可以调用。

  5. 调用JS方法：

  6. 通过evaluateJavaScript(_:)方法执行JS代码，传入要执行的JS函数名和参数。谁能想到，编程语言的互动竟然也可以如此轻松？

五、闭包形式回调交互

描述中的"一行代码注册方法,使用闭包形式回调交互"指的是在Swift中通过简洁的方式设置JS与原生的交互。我们可以创建一个闭包来处理JS的回调：


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，你可以直观地了解每个步骤的具体实现，加深对这一知识点的理解。你是不是已经迫不及待地想要看看这个Demo了呢？【iOS WebView与Js交互Demo下载地址】(https://kaledl.com/down/4240663.html)