UIWebView原生与H5交互

在iOS开发中，UIWebView是苹果提供的一种组件，用于在应用程序中展示网页内容。它不仅可以加载HTML页面，还可以执行JavaScript代码，甚至与原生代码进行交互。这种交互性使得开发者可以利用HTML、CSS和JavaScript的灵活性来构建部分用户界面，同时结合原生应用的性能和功能，提供更丰富的用户体验。本篇将深入探讨`UIWebView`原生与H5（HTML5）之间的交互，包括`pre`、`confirm`等方法以及H5页面的跳转。 一、UIWebView与JavaScript交互 1. JavaScriptCore框架：苹果提供了JavaScriptCore框架，使得iOS应用可以直接执行JavaScript代码并获取结果。通过`WKWebView`（UIWebView的替代品，但这里我们仍讨论UIWebView）的`stringByEvaluatingJavaScriptFromString:`方法，可以在运行时执行任意JavaScript代码。 2. 原生调用JavaScript： - `stringByEvaluatingJavaScriptFromString:`：这个方法允许我们在网页加载后执行JavaScript代码，比如修改DOM元素，获取页面数据等。 - `evaluateJavaScript:completionHandler:`：在iOS8及以后版本中，这个异步方法可以获取到JavaScript执行的结果，并在完成时回调。 二、JavaScript调用原生方法 1. `UIWebViewDelegate`协议：通过实现`webView:shouldStartLoadWithRequest:navigationType:`方法，我们可以监听到`UIWebView`加载URL的请求，包括JavaScript发起的URL请求。当JavaScript执行`window.location.href`或`location.replace()`改变URL时，这个代理方法会被调用。 2. JavaScript桥接：为了让JavaScript能调用原生方法，通常会定义一个特殊的URL schema，如`myapp://doSomething?param1=value1&param2=value2`。当JavaScript发出这个URL请求时，原生代码捕获到请求并处理参数。 三、`pre`、`confirm`方法交互 1. `pre`：这不是JavaScript原生的方法，可能是自定义的函数。通常，开发者会在JavaScript中定义`pre`函数，用于在调用原生方法前做一些预处理工作，比如收集数据或验证条件。 2. `confirm`：这是JavaScript的一个内置对话框函数，用于弹出确认对话框。当用户点击“确定”或“取消”时，`confirm`会返回`true`或`false`。原生应用可以通过监听URL请求或自定义的JavaScript接口来响应`confirm`的结果。 四、H5页面跳转的交互demo 1. `loadHtmlCssJsDemo-master`可能是一个示例项目，包含了如何在`UIWebView`中加载包含HTML、CSS和JavaScript的页面，并演示了如何处理页面间的跳转和交互事件。 2. 页面跳转方式： - `window.location.href`：直接改变当前页面的URL，可以是同一域名下的不同页面，也可以是外部链接。 - `location.replace()`：替换当前页面，不会在历史记录中留下痕迹。 - `window.open()`：打开新的窗口或标签页，可以控制是否替换当前页面。 总结，UIWebView原生与H5的交互是iOS开发中的重要技能，通过合理利用这些交互机制，开发者可以创建出既美观又功能强大的混合式应用程序。在实际开发中，还应注意性能优化，避免阻塞主线程，以及适时升级到WKWebView以获取更好的性能和安全性。