Interface Builder中的WKWebView

Question

似乎XCode 6 beta中的IB对象模板仍然在创建旧式对象(iOS的UIWebView和OSX的WebView).希望Apple能够为现代WebKit更新它们,但在此之前,在Interface Builder中创建WKWebViews的最佳方法是什么？我应该创建一个基本视图(UIView或NSView)并将其类型分配给WKWebView吗？我在网上找到的大多数例子都是以编程方式将它添加到容器视图中; 是出于某种原因更好吗？

Answer 1

你是对的 - 它似乎不起作用.如果您查看标题,您会看到:

- (instancetype)initWithCoder:(NSCoder *)coder NS_UNAVAILABLE;

这意味着你无法从笔尖中实例化一个.

你必须在viewDidLoad或loadView中手动完成.

Answer 2

正如一些人所指出的,从Xcode 6.4开始,WKWebView在Interface Builder上仍然不可用.但是,通过代码添加它们非常容易.

我只是在我的ViewController中使用它.跳过界面生成器

import UIKit
import WebKit

class ViewController: UIViewController {

    private var webView: WKWebView?

    override func loadView() {
        webView = WKWebView()

        //If you want to implement the delegate
        //webView?.navigationDelegate = self

        view = webView
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        if let url = URL(string: "https://google.com") {
            let req = URLRequest(url: url)
            webView?.load(req)
        }
    }
}

Answer 3

Xcode 9.1

您可以在Object库中找到WKWebView元素.

Swift 3和Xcode 8

使用StoryBoard

ViewController.swift

 <key>NSAppTransportSecurity</key>
 <dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
 </dict>

Main.storyboard

let webView = WKWebView(frame: .zero, configuration: WKWebViewConfiguration())
view.addSubview(webView)
webView.translatesAutoresizingMaskIntoConstraints = false
webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
webView.rightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.rightAnchor).isActive = true
webView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
webView.leftAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leftAnchor).isActive = true

编程

import UIKit
import WebKit

class ViewController: UIViewController {

    private weak var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        initWebView()
        webView.loadPage(address: "http://apple.com")
    }

    private func initWebView() {
        let webView = WKWebView(frame: .zero, configuration: WKWebViewConfiguration())
        view.addSubview(webView)
        self.webView = webView
        webView.translatesAutoresizingMaskIntoConstraints = false
        webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
        webView.rightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.rightAnchor).isActive = true
        webView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
        webView.leftAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leftAnchor).isActive = true
    }
}

extension WKWebView {
    func loadPage(address url: URL) { load(URLRequest(url: url)) }
    func loadPage(address urlString: String) {
        guard let url = URL(string: urlString) else { return }
        loadPage(address: url)
    }
}

Answer 4

使用Xcode 8现在可以实现这一点,但实现它的方法至少可以说是有点hacky.但是,嘿,工作解决方案是一个有效的解决方案,对吗？让我解释.

WKWebView的initWithCoder:不再注释为"NS_UNAVAILABLE".它现在看起来如下所示.

- (nullable instancetype)initWithCoder:(NSCoder *)coder NS_DESIGNATED_INITIALIZER;

从子类化WKWebView开始并覆盖initWithCoder.您不需要调用超级initWithCoder,而是需要使用不同的init方法,例如initWithFrame:configuration:.下面的简单示例.

- (instancetype)initWithCoder:(NSCoder *)coder
{
    // An initial frame for initialization must be set, but it will be overridden 
    // below by the autolayout constraints set in interface builder. 
    CGRect frame = [[UIScreen mainScreen] bounds];
    WKWebViewConfiguration *myConfiguration = [WKWebViewConfiguration new];

    // Set any configuration parameters here, e.g.
    // myConfiguration.dataDetectorTypes = WKDataDetectorTypeAll; 

    self = [super initWithFrame:frame configuration:myConfiguration];

    // Apply constraints from interface builder.
    self.translatesAutoresizingMaskIntoConstraints = NO;

    return self;
}

在您的Storyboard中,使用UIView并为其提供新子类的自定义类.其余部分照常营业(设置自动布局约束,将视图链接到控制器中的插座等).

最后,WKWebView以不同的方式缩放内容到UIWebView.很多人可能会想要遵循Suppress WKWebView中的简单建议,从缩放内容到以与UIWebView相同的放大率渲染,以使WKWebView更密切地遵循这方面的UIWebView行为.

Answer 5

这是一个简单的Swift 3版本,基于crx_au的优秀答案.

import WebKit

class WKWebView_IBWrapper: WKWebView {
    required convenience init?(coder: NSCoder) {
        let config = WKWebViewConfiguration()
        //config.suppressesIncrementalRendering = true //any custom config you want to add
        self.init(frame: .zero, configuration: config)
        self.translatesAutoresizingMaskIntoConstraints = false
    }
}

在Interface Builder中创建UIView,分配约束,并将其指定WKWebView_IBWrapper为自定义类,如下所示:

Answer 6

如果您在最新版本的 Xcode（即 v9.2+）中仍然遇到此问题，只需将 Webkit 导入您的 ViewController：

#import <WebKit/WebKit.h>

1. 修复前：

2. 修复后：