WKWebView у конструкторі інтерфейсів

Здається, шаблони об’єктів IB у бета-версії XCode 6 все ще створюють об’єкти старого стилю (UIWebView для iOS та WebView для OSX). Сподіваємось, Apple оновить їх для сучасного WebKit, але до тих пір, який найкращий спосіб створити WKWebViews у Interface Builder? Чи слід створювати базовий вигляд (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 це тепер можливо, але спосіб досягнення цього - це, м’яко кажучи, трохи невдало. Але привіт, робоче рішення - це робоче рішення, так? Дозволь пояснити.

InitWithCoder WKWebView: більше не коментується як "NS_UNAVAILABLE". Тепер це виглядає так, як показано нижче.

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

Почніть з підкласу WKWebView та перевизначте initWithCoder. Замість виклику супер initWithCoder вам потрібно буде використовувати інший метод init, такий як initWithFrame: configuration :. Короткий приклад нижче.

- (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, щоб зробити WKWebView більш уважно стежити за поведінкою UIWebView у цьому відношенні.

Ось проста версія Swift 3, заснована на чудовій відповіді 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
    }
}

Створіть UIView у Interface Builder, призначте свої обмеження та призначте його WKWebView_IBWrapperяк власний клас, наприклад:

Якщо ви все ще стикаєтеся з цією проблемою в останніх версіях Xcode, тобто v9.2 +, просто імпортуйте Webkit у ваш ViewController:

#import <WebKit/WebKit.h>

1. Перед виправленням:

2. Після виправлення:

Зараз це, мабуть, виправлено в Xcode 9b4. У примітках до випуску сказано: "WKWebView доступний в бібліотеці об'єктів iOS".

Я ще не заглядав глибше, щоб зрозуміти, чи потрібен йому iOS 11, чи він ще не сумісний.

Ви можете створити екземпляр та налаштувати WKWebView у IB, починаючи з Xcode 9, не потрібно робити це в коді.

Зверніть увагу, що ваша ціль розгортання повинна бути вищою, ніж iOS 10, хоча ви отримаєте помилку під час компіляції.

У версії XCode версії 9.0.1 WKWebView доступний у Interface Builder.

Я зв’язав WebKit, тепер він працює!

Не впевнений, чи допомагає це, але я вирішив проблему замість мене, включивши для цільової програми WebKit. Не вставляйте його, просто посилайте посилання. Я все ще використовую об’єкт WebView в IB і опускаю його на ViewController, у який я його вбудовую, і у мене ніколи не було проблем ...

Зараз я працював над 4 проектами WKWebView MacOS, і WebView працював належним чином у кожному проекті.

Це працювало для мене в Xcode 7.2 ...

Спочатку додайте веб-перегляд як розетку UIWebView в розкадруванні / IB. Це дасть вам таку властивість:

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

Потім просто відредагуйте свій код, щоб змінити його на WKWebView.

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

Вам також слід змінити спеціальний клас на WKWebView в інспекторі посвідчень.