WKWebView di Interface Builder

Tampaknya template objek IB di XCode 6 beta masih membuat objek gaya lama (UIWebView untuk iOS dan WebView untuk OSX). Mudah-mudahan Apple akan memperbaruinya untuk WebKit modern, tetapi sampai saat itu, apa cara terbaik untuk membuat WKWebView di Interface Builder? Haruskah saya membuat tampilan dasar (UIView atau NSView) dan menetapkan tipenya ke WKWebView? Sebagian besar contoh yang saya temukan online menambahkannya ke tampilan penampung secara terprogram; apakah itu lebih baik untuk beberapa alasan?

Anda benar - sepertinya tidak berhasil. Jika Anda melihat di header, Anda akan melihat:

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

yang menyiratkan bahwa Anda tidak dapat membuat instance dari ujung pena.

Anda harus melakukannya dengan tangan di viewDidLoad atau loadView.

Seperti yang ditunjukkan oleh beberapa orang, pada Xcode 6.4, WKWebView masih belum tersedia di Interface Builder. Namun, sangat mudah untuk menambahkannya melalui kode.

Saya hanya menggunakan ini di ViewController saya. Melewati pembuat Antarmuka

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

tambahkan pengaturan keamanan transportasi Info.plist Anda

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

Xcode 9.1+

Menggunakan pembuat antarmuka

Anda bisa menemukan elemen WKWebView di perpustakaan Object.

Tambahkan tampilan secara terprogram dengan 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

Tambahkan tampilan secara terprogram dengan Swift 5 (sampel lengkap)

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

Dengan Xcode 8 sekarang ini mungkin, tetapi cara untuk mencapainya sedikit rumit untuk sedikitnya. Tapi, hei, solusi yang berhasil adalah solusi yang berhasil, bukan? Biar saya jelaskan.

InitWithCoder WKWebView: tidak lagi dianotasi sebagai "NS_UNAVAILABLE". Sekarang terlihat seperti yang ditunjukkan di bawah ini.

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

Mulailah dengan membuat subkelas WKWebView dan mengganti initWithCoder. Alih-alih memanggil super initWithCoder, Anda harus menggunakan metode init yang berbeda, seperti initWithFrame: configuration :. Contoh cepat di bawah ini.

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

Di Storyboard Anda, gunakan UIView dan berikan kelas kustom dari subclass baru Anda. Sisanya adalah bisnis seperti biasa (menyetel batasan tata letak otomatis, menghubungkan tampilan ke outlet di pengontrol, dll).

Terakhir, WKWebView menskalakan konten secara berbeda dengan UIWebView. Banyak orang mungkin ingin mengikuti saran sederhana di Suppress WKWebView dari penskalaan konten untuk merender pada pembesaran yang sama seperti yang dilakukan UIWebView untuk membuat WKWebView lebih dekat mengikuti perilaku UIWebView dalam hal ini.

Ini adalah versi Swift 3 sederhana berdasarkan jawaban crx_au yang sangat baik.

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

Buat UIView di Interface Builder, tetapkan batasan Anda, dan tetapkan WKWebView_IBWrappersebagai kelas khusus, seperti:

Jika Anda masih menghadapi masalah ini di versi Xcode terbaru, yaitu v9.2 +, cukup impor Webkit ke ViewController Anda:

#import <WebKit/WebKit.h>

1. Sebelum perbaikan:

2. Setelah perbaikan:

Ini sekarang tampaknya diperbaiki di Xcode 9b4. Catatan rilis mengatakan "WKWebView tersedia di perpustakaan objek iOS".

Saya belum melihat lebih dalam untuk melihat apakah itu membutuhkan iOS 11 atau kompatibel ke belakang.

Anda dapat membuat instance dan mengkonfigurasi WKWebView di IB sejak Xcode 9, tidak perlu melakukannya dalam kode.

Perhatikan bahwa target penerapan Anda harus lebih tinggi dari iOS 10 atau Anda akan mendapatkan kesalahan waktu kompilasi.

Dalam XCode Versi 9.0.1 WKWebView tersedia di Interface Builder.

Saya telah menautkan WebKit, sekarang berfungsi!

Tidak yakin apakah ini membantu tetapi saya memecahkan masalah untuk saya dengan menyertakan kerangka kerja WebKit untuk target. Jangan sematkan, cukup tautkan referensi. Saya masih menggunakan objek WebView di IB dan meletakkannya di ViewController tempat saya menyematkannya dan saya tidak pernah mengalami masalah ...

Saya telah mengerjakan 4 proyek MacOS WKWebView sekarang dan WebView telah bekerja dengan baik di setiap proyek.

Ini berhasil untuk saya di Xcode 7.2 ...

Pertama tambahkan tampilan web sebagai outlet UIWebView di storyboard / IB. Ini akan memberi Anda properti seperti ini:

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

Kemudian edit kode Anda untuk mengubahnya menjadi WKWebView.

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

Anda juga harus mengubah kelas khusus menjadi WKWebView di inspektur Identitas.