【iOS】iOS 如何让WKWebView侧滑返回时html逐级返回，而不是直接返回到上级控制器?

转载地址

iOS 如何让WKWebView侧滑返回时html逐级返回，而不是直接返回到上级控制器?

iOS使用WKWebView来加载html页面时，如果html页面只有一级的话，那么侧滑返回没什么问题，但如果html是多级的话，那么侧滑返回时有时就会出现直接返回到上级控制器，而不是返回上一级html页面。这是因为html页面的侧滑返回和导航控制器的侧滑返回发生冲突了，系统无法识别到底是哪一种侧滑返回。

WKWebView有一个canGoBack属性（A Boolean value indicating whether there is a back item in the back-forward list that can be navigated to.）,该属性为true/YES时表示webview当前加载的html的页面级数 >= 2 ，为false/NO时，表示当前处于html的一级页面。

那么，我们可以通过KVO来监听webview的canGoBack属性值变化来解决html页面的侧滑返回和导航控制器的侧滑返回冲突的问题：即当canGoBack属性值变为true/YES时，禁用导航控制器的侧滑返回手势；当canGoBack的属性值变为false/NO时，解禁导航控制器的侧滑返回手势。

具体代码如下：

private var canGoBackObservation: NSKeyValueObservation?
 
/// 监听webView是否还能goBack
private func addCanGoBackObserver() {
    canGoBackObservation = self.wkWebView.observe(\.canGoBack, options: [.new]) { [weak self] _, change in
        guard let `self` = self else {
            return
        }
        
        if let newValue = change.newValue {
            self.navigationController?.interactivePopGestureRecognizer?.isEnabled = !newValue
        }
    }
}
 
 
deinit {
    self.canGoBackObservation = nil
}