[ios] 인터페이스 빌더의 WKWebView

Question 1

XCode 6 베타의 IB 개체 템플릿은 여전히 이전 스타일 개체 (iOS 용 UIWebView 및 OSX 용 WebView)를 만들고있는 것 같습니다. 바라건대 Apple은 최신 WebKit에 맞게 업데이트 할 것이지만 그때까지 Interface Builder에서 WKWebView를 만드는 가장 좋은 방법은 무엇입니까? 기본보기 (UIView 또는 NSView)를 생성하고 WKWebView에 해당 유형을 할당해야합니까? 온라인에서 찾은 대부분의 예제는 프로그래밍 방식으로 컨테이너 뷰에 추가합니다. 어떤 이유로 더 나은가요?

Question 2

맞습니다-작동하지 않는 것 같습니다. 헤더를 보면 다음이 표시됩니다.

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

이는 펜촉에서 인스턴스화 할 수 없음을 의미합니다.

viewDidLoad 또는 loadView에서 수동으로해야합니다.

Question 3

일부 사람들이 지적했듯이 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)
        }
    }
}

Question 4

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

Question 5

Xcode 8을 사용하면 이제 가능하지만이를 달성하는 방법은 아무리 말도 안해도 약간 엉망입니다. 하지만 작동하는 솔루션은 작동하는 솔루션입니다. 설명하겠습니다.

WKWebView의 initWithCoder :는 더 이상 “NS_UNAVAILABLE”로 주석 처리되지 않습니다. 이제 아래와 같이 보입니다.

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

WKWebView를 서브 클래 싱하여 시작하고 initWithCoder를 재정의합니다. super 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;
}

Storyboard에서 UIView를 사용하고 새 하위 클래스의 사용자 정의 클래스를 제공하십시오. 나머지는 평소와 같이 업무입니다 (자동 레이아웃 제약 설정,보기를 컨트롤러의 콘센트에 연결 등).

마지막으로 WKWebView는 UIWebView와 다르게 콘텐츠를 확장합니다. 많은 사람들이 다음의 간단한 조언을 따르기를 원할 것입니다. 점에서 WKWebView가 UIWebView 동작을 더 가깝게 따르기 위해 UIWebView가 수행하는 것과 동일한 배율로 렌더링하도록 콘텐츠 크기 조정에서 WKWebView 억제 입니다.

Question 6

다음은 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이를 사용자 정의 클래스로 할당합니다 .

유틸리티-> 신원 검사기 탭 [1]

Question 7

최신 버전의 Xcode (예 : v9.2 +)에서이 문제가 계속 발생하면 Webkit을 ViewController로 가져 오면됩니다.

#import <WebKit/WebKit.h>

수정 전 :
수정 후 :

Question 8

이것은 Xcode 9b4에서 분명히 수정되었습니다. 릴리스 노트에는 “WKWebView는 iOS 개체 라이브러리에서 사용할 수 있습니다.”라고 나와 있습니다.

iOS 11이 필요한지 또는 아직 이전 버전과 호환되는지 자세히 살펴 보지 않았습니다.