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
}
}
我有一个 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
}
}