iOS的web与js交互

在iOS开发中，将Web内容嵌入到原生应用中是一种常见的做法，这通常通过`UIWebView`或`WKWebView`来实现。本教程将详细探讨iOS中的Web与JavaScript交互的四种方法，以帮助开发者更好地理解和利用这一特性。我们要知道`UIWebView`和`WKWebView`是iOS中用于加载和展示网页内容的组件。`UIWebView`是早期的选项，而`WKWebView`是iOS 8引入的新组件，提供了更好的性能和安全性。 ### 1. JavaScriptContext（WKWebView）对于`WKWebView`，苹果引入了`WKWebView`的`WKUserContentController`和`WKScriptMessageHandler`，使得JavaScript和Objective-C/Swift之间的通信变得更为直接。开发者可以通过以下步骤实现： 1.创建`WKUserContentController`，并设置`WKScriptMessageHandler`，处理来自JavaScript的消息。 2.将JavaScript代码注入到网页中，可以使用`evaluate[removed]`方法。 3.在JavaScript中，通过`window.webkit.messageHandlers`对象调用指定的处理器发送消息。例如： ```swift let userContentController = WKUserContentController() userContentController.add(self, name: "handlerName") let configuration = WKWebViewConfiguration() configuration.userContentController = userContentController let webView = WKWebView(frame: .zero, configuration: configuration) ```然后在JavaScript中： ```javascript window.webkit.messageHandlers.handlerName.postMessage("Hello from JavaScript"); ``` ### 2. stringByEvaluatingJavaScriptFromString（UIWebView和WKWebView）这是最基础的交互方式，适用于所有支持JavaScript的`WebView`。通过调用`stringByEvaluatingJavaScriptFromString:`方法，可以直接执行JavaScript代码并获取返回值。比如，获取网页的URL： ```swift if let url = webView.stringByEvaluatingJavaScript(from: "document.URL") { print(url) } ``` ### 3. UIWebViewDelegate（UIWebView）在`UIWebView`中，我们可以使用`UIWebViewDelegate`的`webView(_:shouldStartLoadWith:completionHandler:)`方法监听页面的加载事件，从而进行交互。例如，当点击某个链接时，我们可以在代理方法中处理。 ```swift webView.delegate = self func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool { if navigationType == .linkClicked { //处理链接点击逻辑} return true } ``` ### 4. URL Scheme（UIWebView和WKWebView）另一种交互方式是通过自定义URL Scheme，让JavaScript触发一个特定的URL，然后由iOS应用捕获并处理。你需要在`Info.plist`中注册自定义URL Scheme，然后在JavaScript中使用`location.href`更改URL。在iOS应用中，通过`UIApplicationDelegate`的`application(_:open:options:)`方法捕获这个请求。 ```swift func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool { if url.scheme == "myAppScheme" { //处理来自JavaScript的请求} return true } ```在JavaScript中： ```javascript [removed].href = "myAppScheme://doSomething"; ```以上就是iOS中Web与JavaScript交互的四种主要方式。在`RXJavaScriptDemo`项目中，你可以找到这些方法的实现示例，通过实际操作来加深理解。无论你是新手还是经验丰富的开发者，掌握这些技巧都能让你的iOS应用与Web内容的集成更加得心应手。