WKWebView no Interface Builder

Parece que os modelos de objeto IB no XCode 6 beta ainda estão criando objetos de estilo antigo (UIWebView para iOS e WebView para OSX). Esperançosamente, a Apple irá atualizá-los para o WebKit moderno, mas até então, qual é a melhor maneira de criar WKWebViews no Interface Builder? Devo criar uma exibição básica (UIView ou NSView) e atribuir seu tipo a WKWebView? A maioria dos exemplos que encontro online o adiciona a uma visualização de contêiner de forma programática; isso é melhor por algum motivo?

Você está correto - não parece funcionar. Se você olhar nos cabeçalhos, verá:

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

o que implica que você não pode instanciar um de um bico.

Você terá que fazer isso manualmente em viewDidLoad ou loadView.

Como apontado por alguns, a partir do Xcode 6.4, WKWebView ainda não está disponível no Interface Builder. No entanto, é muito fácil adicioná-los via código.

Estou apenas usando isso no meu ViewController. Skipping Interface builder

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)
        }
    }
}

Info.plist

adicione em sua configuração de segurança de transporte Info.plist

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

Xcode 9.1+

Usando o construtor de interface

Você pode encontrar o elemento WKWebView na biblioteca de objetos.

Adicionar visualização programaticamente com Swift 5

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

Adicionar visualização programaticamente com Swift 5 (amostra completa)

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)
    }
}

Com o Xcode 8 isso agora é possível, mas o meio de alcançá-lo é um pouco hacky, para dizer o mínimo. Mas hey, uma solução funcional é uma solução funcional, certo? Deixe-me explicar.

InitWithCoder de WKWebView: não está mais anotado como "NS_UNAVAILABLE". Agora se parece com o mostrado abaixo.

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

Comece criando uma subclasse de WKWebView e substitua initWithCoder. Em vez de chamar super initWithCoder, você precisará usar um método init diferente, como initWithFrame: configuration :. Exemplo rápido abaixo.

- (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;
}

Em seu Storyboard, use um UIView e dê a ele uma classe personalizada de sua nova subclasse. O resto é business as usual (definir restrições de layout automático, vincular a visualização a uma saída em um controlador, etc.).

Finalmente, WKWebView dimensiona o conteúdo de maneira diferente para UIWebView. Muitas pessoas provavelmente vão querer seguir o conselho simples em Suprimir WKWebView do escalonamento do conteúdo para renderizar na mesma ampliação que o UIWebView faz para fazer com que o WKWebView siga mais de perto o comportamento do UIWebView a esse respeito.

Aqui está uma versão simples do Swift 3 baseada na excelente resposta de 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
    }
}

Crie um UIView no Interface Builder, atribua suas restrições e atribua-o WKWebView_IBWrappercomo uma classe personalizada, assim:

Se você ainda enfrenta esse problema nas versões recentes do Xcode, ou seja, v9.2 +, basta importar o Webkit para o seu ViewController:

#import <WebKit/WebKit.h>

1. Antes da correção:

2. Após a correção:

Isso agora está aparentemente corrigido no Xcode 9b4. As notas de lançamento dizem "WKWebView está disponível na biblioteca de objetos iOS."

Não olhei mais fundo para ver se ele requer iOS 11 ou é compatível com versões anteriores.

Você pode instanciar e configurar um WKWebView no IB desde o Xcode 9, sem necessidade de fazer isso no código.

Observe que seu destino de implantação deve ser superior ao iOS 10 ou você obterá um erro de tempo de compilação.

No XCode Versão 9.0.1, WKWebView está disponível no Interface Builder.

Vinculei o WebKit, agora está funcionando!

Não tenho certeza se isso ajuda, mas resolvi o problema para mim incluindo a estrutura do WebKit para o destino. Não incorpore, apenas vincule a referência. Eu ainda uso o objeto WebView no IB e coloco-o no ViewController no qual estou incorporando e nunca tive um problema ...

Eu trabalhei em 4 projetos WKWebView MacOS agora e o WebView funcionou corretamente em cada projeto.

Isso funcionou para mim no Xcode 7.2 ...

Primeiro adicione a visualização da web como uma saída UIWebView no storyboard / IB. Isso lhe dará uma propriedade como esta:

@property (weak, nonatomic) IBOutlet UIWebView *webView;

Em seguida, edite o código para alterá-lo para WKWebView.

@property (weak, nonatomic) IBOutlet WKWebView *webView;

Você também deve alterar a classe personalizada para WKWebView no inspetor de identidade.