WKWebView ในตัวสร้างอินเทอร์เฟซ

ดูเหมือนว่าเทมเพลตอ็อบเจ็กต์ IB ใน XCode 6 beta ยังคงสร้างอ็อบเจ็กต์แบบเก่า (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 แทนที่จะเรียก super 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;
}

ใน Storyboard ของคุณใช้ UIView และให้คลาสที่กำหนดเองสำหรับคลาสย่อยใหม่ของคุณ ส่วนที่เหลือเป็นธุรกิจตามปกติ (การตั้งค่าข้อ จำกัด การจัดวางอัตโนมัติการเชื่อมโยงมุมมองกับเต้าเสียบในคอนโทรลเลอร์ ฯลฯ )

สุดท้าย WKWebView จะปรับขนาดเนื้อหาให้แตกต่างจาก UIWebView หลายคนน่าจะต้องการทำตามคำแนะนำง่ายๆในSuppress 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 ในตัวสร้างอินเทอร์เฟซกำหนดข้อ จำกัด ของคุณและกำหนด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 ในตัวตรวจสอบข้อมูลประจำตัว