Interface BuilderのWKWebView

XCode 6ベータのIBオブジェクトテンプレートは、古いスタイルのオブジェクト（iOSのUIWebViewとOSXのWebView）を作成しているようです。Appleが最新のWebKitに合わせてそれらを更新することを願っていますが、それまでは、Interface BuilderでWKWebViewを作成する最良の方法は何ですか？基本ビュー（UIViewまたはNSView）を作成し、そのタイプをWKWebViewに割り当てる必要がありますか？オンラインで見つけたほとんどの例は、プログラムでコンテナビューに追加しています。なんらかの理由でそれは良いですか？

あなたは正しいです-それは動作していないようです。ヘッダーを見ると、次のことがわかります。

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

つまり、ペン先からインスタンス化することはできません。

viewDidLoadまたはloadViewで手動で行う必要があります。

一部で指摘されているように、Xcode 6.4の時点では、WKWebViewはまだInterface Builderで利用できません。ただし、コードを使用して簡単に追加できます。

私はこれを自分のViewControllerで使用しています。インターフェースビルダーのスキップ

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

Info.plistトランスポートセキュリティ設定を追加する

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

Xcode 9.1以降

インターフェースビルダーの使用

WKWebView要素はオブジェクトライブラリにあります。

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

Swift 5を使用してプログラムでビューを追加する（完全なサンプル）

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

Xcode 8ではこれが可能になりましたが、それを達成する手段は控えめに言っても少し厄介です。しかし、ねえ、実用的なソリューションは実用的なソリューションですよね？説明させてください。

WKWebViewのinitWithCoder：は「NS_UNAVAILABLE」として注釈されなくなりました。次のようになります。

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

WKWebViewをサブクラス化して開始し、initWithCoderをオーバーライドします。スーパーinitWithCoderを呼び出す代わりに、initWithFrame：configuration：などの別のinitメソッドを使用する必要があります。以下の簡単な例。

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

ストーリーボードで、UIViewを使用して、新しいサブクラスのカスタムクラスを割り当てます。残りは通常のビジネスです（自動レイアウト制約の設定、ビューをコントローラーのアウトレットにリンクするなど）。

最後に、WKWebViewはコンテンツをUIWebViewとは異なる方法でスケーリングします。多くの人々は、WKWebViewがこの点に関してUIWebViewの動作をより厳密にするためにUIWebViewが行うように、コンテンツをスケーリングして同じ倍率でレンダリングすることから、Suppress WKWebViewの簡単なアドバイスに従いたいと思うでしょう。

crx_auの優れた回答に基づくシンプルなSwift 3バージョンを以下に示します。

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

次のように、Interface BuilderでUIViewを作成し、制約を割り当て、それWKWebView_IBWrapperをカスタムクラスとして割り当てます。

Xcodeの最近のバージョン、つまりv9.2 +でもこの問題が解決しない場合は、WebkitをViewControllerにインポートするだけです。

#import <WebKit/WebKit.h>

1. 修正前：

2. 修正後：

これは明らかにXcode 9b4で修正されています。リリースノートには、「WKWebViewはiOSオブジェクトライブラリで使用できます」と記載されています。

iOS 11が必要か、下位互換性があるかについては、まだ詳しく調べていません。

Xcode 9以降、IBでWKWebViewをインスタンス化して構成できます。コードで行う必要はありません。

ただし、展開ターゲットはiOS 10よりも高くする必要があります。そうしないと、コンパイル時エラーが発生します。

XCodeバージョン9.0.1では、WKWebViewはInterface Builderで使用できます。

WebKitをリンクしました。これで機能します！

これが役立つかどうかはわかりませんが、ターゲットのWebKitフレームワークを含めることで問題を解決しました。参照をリンクするだけで埋め込んではいけません。私はまだIBでWebViewオブジェクトを使用しており、それを埋め込んでいるViewControllerにドロップします。問題は一度もありません...

私は現在4つのWKWebView MacOSプロジェクトで作業しており、WebViewは各プロジェクトで適切に機能しています。

これはXcode 7.2で私のために働きました...

最初に、ストーリーボード/ IBのUIWebViewアウトレットとしてWebビューを追加します。これにより、次のようなプロパティが得られます。

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

次に、コードを編集してWKWebViewに変更します。

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

また、IDインスペクターでカスタムクラスをWKWebViewに変更する必要があります。