WKWebView en Interface Builder

Parece que las plantillas de objetos IB en XCode 6 beta todavía están creando objetos de estilo antiguo (UIWebView para iOS y WebView para OSX). Con suerte, Apple los actualizará para el WebKit moderno, pero hasta entonces, ¿cuál es la mejor manera de crear WKWebViews en Interface Builder? ¿Debo crear una vista básica (UIView o NSView) y asignar su tipo a WKWebView? La mayoría de los ejemplos que encuentro en línea lo agregan a una vista de contenedor mediante programación; ¿es mejor por alguna razón?

Tienes razón, no parece funcionar. Si miras en los encabezados, verás:

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

lo que implica que no puede crear una instancia de una plumilla.

Tendrás que hacerlo a mano en viewDidLoad o loadView.

Como señalaron algunos, a partir de Xcode 6.4, WKWebView todavía no está disponible en Interface Builder. Sin embargo, es muy fácil agregarlos mediante código.

Solo estoy usando esto en mi ViewController. Omitir el constructor de interfaz

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

agregue su configuración de seguridad de transporte Info.plist

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

Xcode 9.1+

Usando el constructor de interfaces

Puede encontrar el elemento WKWebView en la biblioteca de objetos.

Agregar vista mediante programación con 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

Agregar vista mediante programación con Swift 5 (muestra 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)
    }
}

Con Xcode 8 esto ahora es posible, pero el medio para lograrlo es un poco complicado por decir lo menos. Pero bueno, una solución funcional es una solución funcional, ¿verdad? Dejame explicar.

InitWithCoder de WKWebView: ya no está anotado como "NS_UNAVAILABLE". Ahora se ve como se muestra a continuación.

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

Comience subclasificando WKWebView y anule initWithCoder. En lugar de llamar a super initWithCoder, deberá usar un método de inicio diferente, como initWithFrame: configuration :. Ejemplo rápido a continuación.

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

En su Storyboard, use un UIView y asígnele una clase personalizada de su nueva subclase. El resto es negocio como de costumbre (establecer restricciones de diseño automático, vincular la vista a una salida en un controlador, etc.).

Finalmente, WKWebView escala el contenido de manera diferente a UIWebView. Es probable que muchas personas quieran seguir el simple consejo de Suppress WKWebView para escalar el contenido para renderizarlo con el mismo aumento que UIWebView para hacer que WKWebView siga más de cerca el comportamiento de UIWebView en este sentido.

Aquí hay una versión simple de Swift 3 basada en la excelente respuesta 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
    }
}

Cree una UIView en Interface Builder, asigne sus restricciones y asígnela WKWebView_IBWrappercomo una clase personalizada, así:

Si aún enfrenta este problema en versiones recientes de Xcode, es decir, v9.2 +, simplemente importe Webkit a su ViewController:

#import <WebKit/WebKit.h>

1. Antes de la solución:

2. Después de la corrección:

Esto aparentemente ahora está arreglado en Xcode 9b4. Las notas de la versión dicen "WKWebView está disponible en la biblioteca de objetos de iOS".

No he examinado más a fondo para ver si requiere iOS 11 o si es compatible con versiones anteriores.

Puede crear una instancia y configurar un WKWebView en IB desde Xcode 9, no es necesario hacerlo en código.

Sin embargo, tenga en cuenta que su objetivo de implementación debe ser superior a iOS 10 o obtendrá un error en tiempo de compilación.

En XCode versión 9.0.1, WKWebView está disponible en Interface Builder.

He vinculado WebKit, ¡ahora está funcionando!

No estoy seguro de si esto ayuda, pero resolví el problema al incluir el marco WebKit para el objetivo. No lo inserte, solo vincule la referencia. Todavía uso el objeto WebView en IB y lo dejo caer en el ViewController en el que lo estoy incrustando y nunca he tenido un problema ...

He trabajado en 4 proyectos WKWebView MacOS ahora y WebView ha funcionado correctamente en cada proyecto.

Esto funcionó para mí en Xcode 7.2 ...

Primero agregue la vista web como una salida UIWebView en el guión gráfico / IB. Esto le dará una propiedad como esta:

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

Luego, simplemente edite su código para cambiarlo a WKWebView.

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

También debe cambiar la clase personalizada a WKWebView en el inspector de identidad.