ios封装webview

在iOS开发中，尤其是现在移动互联网高度融合的时代，很多时候我们需要在应用中展示网页内容或者是加载H5页面。这时候，使用WebView的封装技术就能非常方便地实现这一需求。iOS提供了两种主要的WebView技术 — UIWebView和WKWebView。本篇文章将详细介绍如何在iOS中封装WebView，并简要分析两种WebView技术的原理和优缺点。

一、UIWebView和WKWebView的区别

UIWebView是iOS SDK初始时提供的加载网页的控件。然而，随着WebKit框架的发展，苹果在iOS 8中引入了WKWebView，作为UIWebView的替代品。两者的主要区别在以下几点：

1.性能：WKWebView比UIWebView性能更好，内存占用更低。

2.功能支持：WKWebView提供更多的功能支持，例如支持JavaScript与Native交互，支持WebKit库的变化等。

3.系统兼容性：UIWebView已经从iOS 12被标记为不推荐使用，而从iOS 8开始，WKWebView便成为了更优选的WebView方案。

二、封装WebView

为了保持向后兼容，我们可以同时实现UIWebView与WKWebView的封装，根据用户所使用的iOS版本自动选择使用哪一种WebView技术。

1.创建封装类

首先，创建一个名为MyWebView的自定义视图类，并让其继承UIView。然后，在此视图类中添加两个WebView的属性：

```swift

import UIKit

import WebKit

class MyWebView: UIView {

private var uiWebView: UIWebView?

private var wkWebView: WKWebView?

}

```

2.根据系统版本初始化WebView

在创建UIView时，根据用户所使用的iOS系统版本来选择使用UIWebView还是WKWebView。

```swift

init(frame: CGRect) {

super.init(frame: frame)

if #available(iOS 8.0, *) {

wkWebView = WKWebView(frame: CGRect.zero)

self.addSubview(wkWebView!)

} else {

uiWebView = UIWebView(frame: CGRect.zero)

self.addSubview(uiWebView!)

}

}

```

3.封装相同的接口

由于UIWebView和WKWebView有不同的API接口，我们应在封装类中提供统一的接口供外部调用。如下：

```swift

func loadURL(urlString: String) {

if let url = URL(string: urlString) {

let request = URLRequest(url: url)

if #available(iOS 8.0, *) {

wkWebView?.load(request)

} else {

uiWebView?.loadRequest(request)

}

}

}

```

4.页面管理

两种WebView在处理页面加载和交互时，需要实现的协议方法有所不同。我们需要分别实现UIWebView的UIWebViewDelegate和WKWebView的WKNavigationDelegate协议方法：

使用代理的方式使封装的WebView可以更好地处理后续逻辑的扩展。将URL请求、页面加载错误、与JavaScript的交互等任务分别分配给UIWebViewDelegate与WKNavigationDelegate实现。

三、原理

UIWebView主要依赖于iOS系统自带的Safari浏览器内核来加载网页内容。然而，随着WebKit框架的发展，苹果推出了新的WKWebView，它采用了和Safari相同的Nitro JavaScript引擎，同时支持JavaScript与Native交互。因此，WKWebView在性能和功能上比过去的UIWebView更优秀。

四、总结

封装WebView在iOS开发中具有很高的实用性，使开发者可以很方便地将H5页面引入到原生应用当中，实现原生与网页内容的融合。同时，用WKWebView代替UIWebView使应用的性能得到进一步提升。