为从 Nib 或 Storyboard 生成的 WKWebView 设置自定义 WKWebViewConfiguration

Question

我想为我的应用使用自定义 URL 方案，但无法配置 URL 方案。

当我以编程方式创建 WKWebView 对象时（使用 initWithFrame:...），我可以指定我自己的 WKWebViewConfiguration 对象，但是当 Nib/Storyboard 中的 WKWebView 自动创建时（通过 initWithCoder:) 我无法指定配置。配置是只读的，所以事后我无法更改它。如果可能的话，我真的希望避免以编程方式创建 WkWebView。

注意：有一个与此相关的现有问题 (here)，但那里接受的答案只解决了实际程序的一个子集（它涉及添加用户脚本而不是配置对象，因此无法添加自定义 URL 方案处理程序）。那里的其他答案要么对这个问题没有帮助，所以我打开了另一个问题。

更新：我想根据收到的评论在此澄清一下。

WKWebViewConfiguration 是一个“复制”属性，定义如下：

*@property (nonatomic, readonly, copy) WKWebViewConfiguration 配置；

我尝试多次打印它，但我发现它正在改变：

2019-05-30 15:02:25.724312-0700 MyTest [916:72204] 配置 = 0x101b06b50

2019-05-30 15:02:25.724499-0700 MyTest [916:72204] 配置 = 0x101a37110

使用 LLDB 得到相同的结果（每次都不同）：

(lldb) 打印 [自我配置] (WKWebViewConfiguration *) $17 = 0x0000000102e0b990

(lldb) 打印 [自我配置] (WKWebViewConfiguration *) $18 = 0x0000000102f3bd40

Answer 1

如何创建一个包含 WKWebView 的自定义视图。您可以在 Storyboard 中使用此视图来代替 WKWebView。

final class MyWebView: UIView {
    var webView: WKWebView!
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        let config = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: config)
        addSubview(webView)
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        webView.frame = bounds
    }
}

要自定义 Storyboard 中的其他属性，请将 @IBInspectable 添加到包装视图并将值传递给内部配置。

下面的代码缺少 Storyboard 中的 WKWebView 所具有的一些属性，但是 可以实现类似这样的其他属性。

final class MyWebView: UIView {
    @IBInspectable var userAgent: String?
    @IBInspectable var appName: String? {
        didSet {
            config.applicationNameForUserAgent = appName
        }
    }
    private var types: WKDataDetectorTypes = [
        .phoneNumber,
        .link,
        .address,
        .calendarEvent,
        .trackingNumber,
        .flightNumber,
        .lookupSuggestion
    ]
    @IBInspectable var phoneNumber: Bool = true {
        didSet {
            if phoneNumber {
                types.insert(.phoneNumber)
            } else {
                types.remove(.phoneNumber)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var link: Bool = true {
        didSet {
            if link {
                types.insert(.link)
            } else {
                types.remove(.link)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var address: Bool = true {
        didSet {
            if address {
                types.insert(.address)
            } else {
                types.remove(.address)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var calendarEvent: Bool = true {
        didSet {
            if calendarEvent {
                types.insert(.calendarEvent)
            } else {
                types.remove(.calendarEvent)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var trackingNumber: Bool = true {
        didSet {
            if trackingNumber {
                types.insert(.trackingNumber)
            } else {
                types.remove(.trackingNumber)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var flightNumber: Bool = true {
        didSet {
            if flightNumber {
                types.insert(.flightNumber)

            } else {
                types.remove(.flightNumber)
            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var lookupSuggestion: Bool = true {
        didSet {
            if phoneNumber {
                types.insert(.lookupSuggestion)
            } else {
                types.remove(.lookupSuggestion)

            }
            config.dataDetectorTypes = types
        }
    }
    @IBInspectable var javaScriptEnabled: Bool = true {
        didSet {
            config.preferences.javaScriptEnabled = javaScriptEnabled
        }
    }
    @IBInspectable var canAutoOpenWindows: Bool = false {
        didSet {
            config.preferences.javaScriptCanOpenWindowsAutomatically = canAutoOpenWindows
        }
    }

    lazy var webView: WKWebView = {
        let webView = WKWebView(frame: .zero, configuration: config)
        webView.customUserAgent = userAgent
        addSubview(webView)
        return webView
    }()
    private var config = WKWebViewConfiguration()

    override func layoutSubviews() {
        super.layoutSubviews()
        webView.frame = bounds
    }
}

Answer 2

所以，我做了一些测试：

@interface  ViewController  ()

@property   (strong)    IBOutlet    WKWebView   *webView ;

@end

@implementation ViewController

- (void)    awakeFromNib
{
    static  BOOL    hasBeenDone    = NO ;   //  because otherwise, awakeFromNib is called twice

    if (!hasBeenDone)
    {
        hasBeenDone = YES ;
    
        //  Create the scheme handler
        SchemeHandler           *mySchemeHandler    = [SchemeHandler new] ;
        NSLog(@"scheme handler : %lx",mySchemeHandler) ;
    
        if (!(self.webView))
        {
            //  Case 1 - we don't have a web view from the StoryBoard, we need to create it
            NSLog(@"Case 1") ;

            //  Add the scheme
            WKWebViewConfiguration  *configuration      = [WKWebViewConfiguration new] ;
            [configuration setURLSchemeHandler:mySchemeHandler
                              forURLScheme:@"stef"] ;
        
            //  Create and set the web view
            self.webView                                = [[WKWebView alloc] initWithFrame:NSZeroRect
                                                                             configuration:configuration] ;
        }
        else
        {
            //  Case 2 - we have a web view from the story board, just set the URL scheme handler
            //  of the configuration
            NSLog(@"Case 2") ;

            WKWebViewConfiguration  *configuration      = self.webView.configuration ;
            [configuration setURLSchemeHandler:mySchemeHandler
                              forURLScheme:@"stef"] ;
        }
        
        //  Log the view configuration
        NSLog(@"View configuration : %lx",self.webView.configuration) ;
        NSLog(@"URL handler for scheme : %lx",[self.webView.configuration     urlSchemeHandlerForURLScheme:@"stef"]) ;
    }
}


- (void)    viewDidLoad
{
    [super viewDidLoad] ;

    //  Log the view configuration
    NSLog(@"View configuration : %lx",self.webView.configuration) ;
    NSLog(@"URL handler for scheme : %lx",[self.webView.configuration urlSchemeHandlerForURLScheme:@"stef"]) ;

    //  Start loading a URL with the scheme - this should log "start" if everything works fine
    NSURL           *url        = [NSURL URLWithString:@"stef://willIWinTheBounty?"] ;
    NSURLRequest    *urlRequest = [NSURLRequest requestWithURL:url] ;
    [self.webView loadRequest:urlRequest] ;
}

@end

如果您在情节提要中未设置 IBOutlet webView 的情况下运行该代码（案例 1），则该代码会创建 Web 视图，为方案配置它，一切都很好。

方案处理程序：600000008e30

案例一

查看配置：600003d0c780

方案的 URL 处理程序：600000008e30

查看配置：600003d0c780

方案的 URL 处理程序：600000008e30

方案处理程序启动

如果您使用情节提要中设置的 IBOutlet webView 运行该代码（案例 2），那么确实 setURLSchemeHandler:forURLScheme: 不起作用。 urlSchemeHandlerForURLScheme: 的日志在这种情况下返回 nil。

方案处理程序：600000005160

案例 2

查看配置：600003d08d20

方案的 URL 处理程序：0

查看配置：600003d08d20

方案的 URL 处理程序：0

请注意，不调用方案处理程序启动

原因不是您通过 getter 获得了不同的副本，因为配置日志表明它保持不变。只是尽管调用了 setURLSchemeHandler:forURLScheme，但没有设置方案处理程序。

所以我想唯一的解决方案是使用案例 1。根据您的视图设置，插入视图可能或多或少有些困难。我建议在你的故事板上有一个空的“母亲”视图，并使用以下代码：

@interface  ViewController  ()

@property   (weak)      IBOutlet    NSView      *webViewMother ;
@property   (strong)                WKWebView   *webView ;

@end


@implementation ViewController

- (void)    awakeFromNib
{
    static  BOOL    hasBeenDone    = NO ;   //  because otherwise, awakeFromNib is called twice

    if (!hasBeenDone)
    {
        hasBeenDone = YES ;
    
        //  Create the scheme handler
        SchemeHandler           *mySchemeHandler    = [SchemeHandler new] ;

        //  Create the configuration
        WKWebViewConfiguration  *configuration      = [WKWebViewConfiguration new] ;
        [configuration setURLSchemeHandler:mySchemeHandler
                          forURLScheme:@"stef"] ;
    
        //  Create the web view at the size of its mother view
    self.webView                                = [[WKWebView alloc]     initWithFrame:self.webViewMother.frame
                                                                         configuration:configuration] ;
        [self.webViewMother addSubview:self.webView] ;

    //  Log the view configuration
    NSLog(@"View configuration : %lx",self.webView.configuration) ;
    NSLog(@"URL handler for scheme : %lx",[self.webView.configuration     urlSchemeHandlerForURLScheme:@"stef"]) ;
    }

}

@end

对我来说工作得很好，但如果你的 web 视图有子视图，可能会很棘手。

查看配置：600003d082d0

方案的 URL 处理程序：600000004c90

查看配置：600003d082d0

方案的 URL 处理程序：600000004c90

方案处理程序启动

请注意，配置通过调用保持不变...

编辑：添加运行日志