WKWebView 与 UIWebView

WKWebView vs UIWebView

我有一个 app/project 部署目标版本 - iOS 10。

我曾经使用过 UIWebView,现在已弃用并被 WKWebView 取代。所以,我也想在我的项目中用 WKWebView 替换 UIWebView。

这迫使我要么使用 UIWebView(使用 iOS 10),要么将部署目标更改为 iOS 11。

我无法更改部署目标,但作为中间件解决方案,我添加了对两者的代码(以编程方式)支持。我的意思是,如果用户的设备 OS 是 iOS 11(或更高),则使用 WKWebView,否则使用 UIWebView(对于 iOS 10 或更低)。

问题陈述:故事板的视图控制器不支持这两个版本,我的意思是,在故事板中,如果我将视图控制器的部署目标设置为 iOS 11 然后应用程序崩溃在 iOS 10(显然应该)并且如果我将视图控制器的部署目标设置为 iOS 10,那么故事板不允许我构建项目。

对于 iOS 10,WKWebView 向我显示此错误:

问题:如何制作故事板(视图控制器)以将 WKWebView 用于 iOS 11 并使用 UIWebView 用于 iOS 10?故事板(视图控制器)中是否有任何配置设置或选项可以让我添加两个接口插座?

可以通过代码简单地创建和添加WKWebView

如果您想要在故事板中出于布局目的进行可视化表示,这是一种方法。

在故事板的视图控制器中添加标准 UIView。这将充当您的网络视图的 "holder"。将其连接到 IBOutlet,然后在 viewDidLoad 中添加 WKWebView 的实例作为该 "holder" 视图的子视图。

class MyViewController: UIViewController, WKNavigationDelegate {

    // standard UIView, added in Storyboard
    @IBOutlet weak var webViewHolder: UIView!

    // instance of WKWebView
    let wkWebView: WKWebView = {
        let v = WKWebView()
        v.translatesAutoresizingMaskIntoConstraints = false
        return v
    }()

    override func viewDidLoad() {

        super.viewDidLoad()

        // add the WKWebView to the "holder" UIView
        webViewHolder.addSubview(wkWebView)

        // pin to all 4 edges
        wkWebView.topAnchor.constraint(equalTo: webViewHolder.topAnchor, constant: 0.0).isActive = true
        wkWebView.bottomAnchor.constraint(equalTo: webViewHolder.bottomAnchor, constant: 0.0).isActive = true
        wkWebView.leadingAnchor.constraint(equalTo: webViewHolder.leadingAnchor, constant: 0.0).isActive = true
        wkWebView.trailingAnchor.constraint(equalTo: webViewHolder.trailingAnchor, constant: 0.0).isActive = true

        // load a URL into the WKWebView
        if let url = URL(string: "https://google.com") {
            wkWebView.load(URLRequest(url: url))
        }

        // from here on out, use wkWebView just as if you had added it in your storyboard

    }

}