WKWebView im Interface Builder

Es scheint, dass die IB-Objektvorlagen in XCode 6 Beta immer noch Objekte im alten Stil erstellen (UIWebView für iOS und WebView für OSX). Hoffentlich wird Apple sie für das moderne WebKit aktualisieren, aber was ist bis dahin der beste Weg, um WKWebViews in Interface Builder zu erstellen? Sollte ich eine Basisansicht (UIView oder NSView) erstellen und ihren Typ WKWebView zuweisen? Die meisten Beispiele, die ich online finde, fügen es programmgesteuert einer Containeransicht hinzu. ist das aus irgendeinem Grund besser?

Sie haben Recht - es scheint nicht zu funktionieren. Wenn Sie in die Überschriften schauen, sehen Sie:

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

was bedeutet, dass Sie keine von einer Feder instanziieren können.

Sie müssen dies manuell in viewDidLoad oder loadView tun.

Wie bereits von einigen erwähnt, ist WKWebView ab Xcode 6.4 im Interface Builder immer noch nicht verfügbar. Es ist jedoch sehr einfach, sie per Code hinzuzufügen.

Ich verwende dies nur in meinem ViewController. Interface Builder überspringen

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

Fügen Sie Ihre Info.plist-Transportsicherheitseinstellung hinzu

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

Xcode 9.1+

Interface Builder verwenden

Sie finden das WKWebView-Element in der Objektbibliothek.

Fügen Sie die Ansicht programmgesteuert mit Swift 5 hinzu

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

Ansicht programmgesteuert mit Swift 5 hinzufügen (vollständiges Beispiel)

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

Mit Xcode 8 ist dies jetzt möglich, aber die Mittel, um dies zu erreichen, sind gelinde gesagt ein wenig hackig. Aber hey, eine funktionierende Lösung ist eine funktionierende Lösung, oder? Lassen Sie mich erklären.

WKWebViews initWithCoder: wird nicht mehr als "NS_UNAVAILABLE" bezeichnet. Es sieht jetzt wie unten gezeigt aus.

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

Beginnen Sie mit der Unterklasse von WKWebView und überschreiben Sie initWithCoder. Anstatt super initWithCoder aufzurufen, müssen Sie eine andere init-Methode verwenden, z. B. initWithFrame: configuration:. Kurzes Beispiel unten.

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

Verwenden Sie in Ihrem Storyboard eine UIView und geben Sie ihr eine benutzerdefinierte Klasse Ihrer neuen Unterklasse. Der Rest ist wie gewohnt (Festlegen von Einschränkungen für das automatische Layout, Verknüpfen der Ansicht mit einer Steckdose in einem Controller usw.).

Schließlich skaliert WKWebView den Inhalt anders als UIWebView. Viele Leute werden wahrscheinlich den einfachen Ratschlägen in Unterdrücken von WKWebView folgen wollen, indem sie Inhalte skalieren, um sie mit der gleichen Vergrößerung wie UIWebView zu rendern , damit WKWebView das UIWebView-Verhalten in dieser Hinsicht genauer verfolgt.

Hier ist eine einfache Swift 3-Version, die auf der hervorragenden Antwort von crx_au basiert .

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

Erstellen Sie eine UIView in Interface Builder, weisen Sie Ihre Einschränkungen zu und weisen Sie sie WKWebView_IBWrapperwie folgt als benutzerdefinierte Klasse zu:

Wenn dieses Problem in neueren Versionen von Xcode, z. B. Version 9.2 +, weiterhin auftritt, importieren Sie einfach Webkit in Ihren ViewController:

#import <WebKit/WebKit.h>

1. Vor dem Fix:

2. Nach dem Fix:

Dies ist jetzt anscheinend in Xcode 9b4 behoben. In den Versionshinweisen heißt es: "WKWebView ist in der iOS-Objektbibliothek verfügbar."

Ich habe nicht genauer nachgesehen, ob iOS 11 erforderlich oder abwärtskompatibel ist.

Sie können eine WKWebView in IB seit Xcode 9 instanziieren und konfigurieren, ohne dies im Code tun zu müssen.

Beachten Sie, dass Ihr Bereitstellungsziel höher als iOS 10 sein muss, da sonst ein Fehler beim Kompilieren angezeigt wird.

In XCode Version 9.0.1 ist WKWebView im Interface Builder verfügbar.

Ich habe WebKit verlinkt, jetzt funktioniert es!

Ich bin mir nicht sicher, ob dies hilft, aber ich habe das Problem für mich gelöst, indem ich das WebKit-Framework für das Ziel aufgenommen habe. Betten Sie es nicht ein, sondern verknüpfen Sie einfach die Referenz. Ich verwende das WebView-Objekt immer noch in IB und lege es auf dem ViewController ab, in den ich es einbette, und ich hatte nie ein Problem ...

Ich habe jetzt an 4 WKWebView MacOS-Projekten gearbeitet und das WebView hat in jedem Projekt ordnungsgemäß funktioniert.

Das hat bei mir in Xcode 7.2 funktioniert ...

Fügen Sie zuerst die Webansicht als UIWebView-Ausgang im Storyboard / IB hinzu. Dadurch erhalten Sie eine Eigenschaft wie diese:

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

Bearbeiten Sie dann einfach Ihren Code, um ihn in eine WKWebView zu ändern.

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

Sie sollten die benutzerdefinierte Klasse auch im Identitätsinspektor in WKWebView ändern.