无法在 iOS 13.4 上与 WKWebView 同时处理触摸

Question

无法在 iOS 13.4 上与 WKWebView 同时处理触摸

par*_*rbo 5 webkit uigesturerecognizer swift ios13.4

问题： 从一些以前被传递到系统并且可以被处理的iOS 13.4 WebKit的拦截手势开始UIGestureRecognizer同时

演示项目： 我创建WKWebView并将其添加到UIViewController的视图中。我还创建了UIPinchGestureRecognizer并将其添加到UIViewControler的视图中。

class ViewController: UIViewController, UIGestureRecognizerDelegate, WKNavigationDelegate {

    var webView: WKWebView?

    override func viewDidLoad() {
        super.viewDidLoad()

        let pinch = UIPinchGestureRecognizer(target: self, action: #selector(self.pinchHandler))
        pinch.delegate = self
        self.view.addGestureRecognizer(pinch)

        addWebView()
    }

    func addWebView() {
        let webView = WKWebView()
        webView.translatesAutoresizingMaskIntoConstraints = false
        self.view.addSubview(webView)
        NSLayoutConstraint.activate([
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])

        self.webView = webView
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        if let localHtmlFile = Bundle.main.url(forResource: "index", withExtension: "html") {
            let request = URLRequest(url: localHtmlFile)
            webView?.load(request)
        }
    }

    @objc func pinchHandler() {
        debugPrint("PinchHandler called")
    }

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldReceive event: UIEvent) -> Bool {
        if event.type == .touches {
            return true
        }
        return false
    }

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldReceive touch: UITouch) -> Bool {
        return true
    }
}

Run Code Online (Sandbox Code Playgroud)

我尝试运行添加到主包的示例 html 网站：

<html>
    <head>
        <style>
            .center {
              width: 100%;
              height: 100%;
              border: 3px solid #73AD21;
              text-align: center;
              font-size: 100;
              overflow: hidden;
            }
        </style>
        <script>
            function move(event) {
                console.log(event);
                event.preventDefault()
            }
        </script>
    </head>

    <body ontouchmove="move(event)" class="center">
            <p id="content">
                demo
            </p>
    </body
</html>

Run Code Online (Sandbox Code Playgroud)

网站拦截touchmove事件，我正在取消它的move(event)功能。

当我在 iOS 13.0 Simulator 上运行此代码 10 次时，每次我的处理程序都有效。当我在 iOS 13.4 Simulator 上运行此代码 10 次时，我的捏合处理程序工作了 4 次，但没有工作 6 次。

Answer 1

kan*_*ius 0

我最终转而使用 Javascript 来检测网络视图上的点击。一个跑步游乐场展示了如何做到这一点：

import UIKit
import PlaygroundSupport
import WebKit

class TouchDetectionOnWKWebViewUsingJSDemoVC : UIViewController, WKScriptMessageHandler {
  override func loadView() {
    let config = WKWebViewConfiguration()
    let webView = WKWebView(frame: .init(origin: .zero, size: .init(width: 100, height: 200)), configuration: config)

    let jsEvent = "touchstart"
    let handlerName = "handler"
    let jsCode =
    """
    window.addEventListener('\(jsEvent)', function(e) {
      window.webkit.messageHandlers.\(handlerName).postMessage('\(jsEvent)')
    })
    """

    let jsScript = WKUserScript(source: jsCode, injectionTime: .atDocumentEnd, forMainFrameOnly: false)
    config.userContentController.addUserScript(jsScript)
    config.userContentController.add(self, name: handlerName)

    let demoURL = URL(string: "https://developer.apple.com/")!
    webView.load(URLRequest(url: demoURL))

    self.view = webView
  }

  func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    print(message.body)
  }
}

PlaygroundPage.current.liveView = TouchDetectionOnWKWebViewUsingJSDemoVC()

Run Code Online (Sandbox Code Playgroud)

在示例中我展示了如何监听touchstart事件，但它可以是任何 js 事件，例如：touchend、touchmove、gesturestart、gestureend等。我们甚至可以监听滚动事件（但我认为最好成为webView.scrollView该事件的代表）。

归档时间：	6 年，1 月前
查看次数：	879 次
最近记录：	5 年，11 月前