可以'在iOS 13.4上,无法与WKWebView同时处理触摸



问题:从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
}
}

我尝试运行添加到主捆绑包的示例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>

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

当我在iOS 13.0模拟器上运行这段代码10次时,每次我的处理程序都能工作。当我在iOS 13.4模拟器上运行这段代码10次时,我的夹点处理程序工作了4次,没有工作6次。

我最终切换到使用Javascript来检测webview上的点击。一个展示如何做到这一点的跑步游乐场:

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()

在示例中,我展示了如何侦听touchstart事件,但它可以是任何js事件,例如:touchendtouchmovegesturestartgestureend和其他事件。我们甚至可以收听滚动事件(但我认为最好是webView.scrollView代表(。

最新更新