如何使WKWebView成为firstResponder？并实现无操作自动重载？

我之前也碰到过类似的困扰，WKWebView的触摸事件处理确实有点绕——直接重写touchesBegan/touchesEnded基本行不通，而且它还不肯乖乖成为firstResponder。咱们一步步拆解问题，找到靠谱的解决方案：

为什么WKWebView无法成为firstResponder？ #

虽然你调用canBecomeFirstResponder返回true，但WKWebView的内部结构很特殊：它的实际交互是由内部的WKContentView处理的，这个子视图会抢占响应者链的优先级。所以直接调用becomeFirstResponder()会失败，因为WKWebView本身不会主动接管触摸事件的响应权。

检测WKWebView触摸/按压操作的替代方案 #

既然直接重写触摸方法走不通，咱们换几个思路：

1. 使用手势识别器（最推荐，简单高效） #

给WKWebView添加UITapGestureRecognizer或UILongPressGestureRecognizer，关键是要设置cancelsTouchesInView = false，这样不会干扰WebView本身的点击、滚动等交互：

// 在viewDidLoad或初始化WebView的地方添加手势
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleWebViewInteraction))
tapGesture.cancelsTouchesInView = false
myWebView.addGestureRecognizer(tapGesture)

// 同理，添加长按手势检测按压操作
let longPressGesture = UILongPressGestureRecognizer(target: self, action: #selector(handleWebViewInteraction))
longPressGesture.cancelsTouchesInView = false
myWebView.addGestureRecognizer(longPressGesture)

// 处理交互事件，重置定时器
@objc private func handleWebViewInteraction() {
    resetAutoReloadTimer()
}

如果需要检测滚动操作（用户滚动也算活跃状态），可以再加一个UIPanGestureRecognizer，同样设置cancelsTouchesInView = false。

2. 利用WKWebView的代理回调 #

如果你的场景只需要检测导航类操作（比如点击链接、提交表单），可以通过WKNavigationDelegate的回调来重置定时器：

// 实现WKNavigationDelegate方法
func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
    resetAutoReloadTimer()
}

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    resetAutoReloadTimer()
}

// 还有WKUIDelegate的弹窗相关方法，也可以按需添加
func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void) {
    resetAutoReloadTimer()
    // 处理弹窗逻辑
    completionHandler()
}

缺点是这个方法覆盖不了单纯的触摸/长按（比如用户只是点一下页面但没触发导航）。

3. 自定义WKWebView子类，重写hitTest方法 #

这个方法可以拦截所有触摸事件，不管是点击、长按还是滚动，都能检测到：

// 自定义WebView子类
class CustomWKWebView: WKWebView {
    // 定义代理，用来通知父控制器检测到触摸
    weak var touchDelegate: WebViewTouchDelegate?
    
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        let result = super.hitTest(point, with: event)
        // 只要有触摸事件，就通知代理
        touchDelegate?.webViewDidReceiveTouch(self)
        return result
    }
}

// 定义代理协议
protocol WebViewTouchDelegate: AnyObject {
    func webViewDidReceiveTouch(_ webView: CustomWKWebView)
}

// 在控制器中实现代理
extension YourViewController: WebViewTouchDelegate {
    func webViewDidReceiveTouch(_ webView: CustomWKWebView) {
        resetAutoReloadTimer()
    }
}

这个方法的优势是能覆盖所有触摸场景，而且完全不影响WebView的原生交互。

实现自动重载的定时器逻辑 #

不管用哪种触摸检测方法，核心都是有操作时重置定时器，超时就重载WebView。示例代码：

private var autoReloadTimer: Timer?
// 设置超时时间，比如5分钟
private let inactivityTimeout: TimeInterval = 300

// 初始化/重置定时器
private func resetAutoReloadTimer() {
    autoReloadTimer?.invalidate()
    autoReloadTimer = Timer.scheduledTimer(withTimeInterval: inactivityTimeout, repeats: false) { [weak self] _ in
        guard let self = self else { return }
        // 超时后重载WebView
        self.myWebView.reload()
        // 重载完成后重新启动定时器
        self.resetAutoReloadTimer()
    }
}

// 在viewDidLoad中启动定时器
override func viewDidLoad() {
    super.viewDidLoad()
    resetAutoReloadTimer()
    // 同时设置手势识别器或代理
}

总结 #

最推荐的组合是手势识别器+定时器，或者自定义WebView的hitTest方法+定时器，这两种方案都能准确检测用户交互，同时不破坏WKWebView的原生功能。

内容的提问来源于stack exchange，提问作者Muhmud Jafr