WKWebView dans Interface Builder

Il semble que les modèles d'objets IB dans XCode 6 beta créent toujours des objets à l'ancienne (UIWebView pour iOS et WebView pour OSX). Espérons qu'Apple les mettra à jour pour le WebKit moderne, mais d'ici là, quelle est la meilleure façon de créer des WKWebViews dans Interface Builder? Dois-je créer une vue de base (UIView ou NSView) et attribuer son type à WKWebView? La plupart des exemples que je trouve en ligne l'ajoutent à une vue de conteneur par programmation; est-ce mieux pour une raison quelconque?

Vous avez raison - cela ne semble pas fonctionner. Si vous regardez dans les en-têtes, vous verrez:

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

ce qui implique que vous ne pouvez pas en instancier un à partir d'une pointe.

Vous devrez le faire à la main dans viewDidLoad ou loadView.

Comme certains l'ont souligné, à partir de Xcode 6.4, WKWebView n'est toujours pas disponible sur Interface Builder. Cependant, il est très facile de les ajouter via le code.

J'utilise juste ceci dans mon ViewController. Sauter le générateur d'interface

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

ajoutez votre paramètre de sécurité de transport Info.plist

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

Xcode 9.1+

Utilisation du générateur d'interface

Vous pouvez trouver l'élément WKWebView dans la bibliothèque d'objets.

Ajouter une vue par programmation avec 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

Ajouter une vue par programmation avec Swift 5 (échantillon complet)

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

Avec Xcode 8, c'est désormais possible, mais les moyens d'y parvenir sont pour le moins un peu piratés. Mais bon, une solution de travail est une solution de travail, non? Laisse-moi expliquer.

InitWithCoder de WKWebView: n'est plus annoté comme "NS_UNAVAILABLE". Il ressemble maintenant à l'illustration ci-dessous.

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

Commencez par sous-classer WKWebView et remplacez initWithCoder. Au lieu d'appeler super initWithCoder, vous devrez utiliser une méthode init différente, telle que initWithFrame: configuration :. Exemple rapide ci-dessous.

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

Dans votre Storyboard, utilisez un UIView et donnez-lui une classe personnalisée de votre nouvelle sous-classe. Le reste est normal (définition de contraintes de mise en page automatique, liaison de la vue à une prise dans un contrôleur, etc.).

Enfin, WKWebView met à l'échelle le contenu différemment de UIWebView. De nombreuses personnes voudront probablement suivre le conseil simple de Supprimer WKWebView de la mise à l'échelle du contenu pour le rendre au même grossissement que UIWebView pour que WKWebView suive de plus près le comportement d'UIWebView à cet égard.

Voici une version simple de Swift 3 basée sur l'excellente réponse 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
    }
}

Créez un UIView dans Interface Builder, attribuez vos contraintes et affectez-le en WKWebView_IBWrappertant que classe personnalisée, comme ceci:

Si vous rencontrez toujours ce problème dans les versions récentes de Xcode, c'est-à-dire v9.2 +, importez simplement Webkit dans votre ViewController:

#import <WebKit/WebKit.h>

1. Avant le correctif:

2. Après le correctif:

Ceci est maintenant apparemment corrigé dans Xcode 9b4. Les notes de publication indiquent que «WKWebView est disponible dans la bibliothèque d'objets iOS».

Je n'ai pas cherché plus en profondeur pour voir s'il nécessite iOS 11 ou s'il est encore rétrocompatible.

Vous pouvez instancier et configurer un WKWebView dans IB depuis Xcode 9, pas besoin de le faire dans le code.

Notez que votre cible de déploiement doit être supérieure à iOS 10, sinon vous obtiendrez une erreur de compilation.

Dans XCode version 9.0.1, WKWebView est disponible sur Interface Builder.

J'ai lié WebKit, maintenant ça marche!

Je ne sais pas si cela aide, mais j'ai résolu le problème pour moi en incluant le framework WebKit pour la cible. Ne pas l'intégrer, lier simplement la référence. J'utilise toujours l'objet WebView dans IB et le dépose sur le ViewController dans lequel je l'intègre et je n'ai jamais eu de problème ...

J'ai travaillé sur 4 projets WKWebView MacOS maintenant et le WebView a fonctionné correctement dans chaque projet.

Cela a fonctionné pour moi dans Xcode 7.2 ...

Ajoutez d'abord la vue Web en tant que sortie UIWebView dans le storyboard / IB. Cela vous donnera une propriété comme celle-ci:

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

Ensuite, modifiez simplement votre code pour le changer en WKWebView.

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

Vous devez également modifier la classe personnalisée en WKWebView dans l'inspecteur d'identité.