在 Cordova 中约 200 毫秒触摸（点击）延迟，但在浏览器或 PWA 中没有

Question

我目前正在将我的网络应用程序转换为 Cordova 应用程序。 我遇到了一个奇怪的问题：

在 Safari 中或将我的应用程序添加到主屏幕时，所有触摸输入（点击/触摸）都很快（无延迟），但将我的应用程序部署为 Cordova 项目时，输入（点击/触摸）很慢（大约 200-300 毫秒延迟） - 没有测量，只是基于众所周知的触摸延迟问题的估计）。

我正在运行 iOS 12.3 的 iPhone Xs 上进行测试，并且正在使用 Cordova 9.0.0 构建应用程序。

应用程序使用以下视口设置：

<meta content="width=device-width, initial-scale=1, maximum-scale=1, height=device-height, viewport-fit=cover, user-scalable=no" name="viewport" />

任何帮助将不胜感激。

Answer 1

您需要用“touchstart”事件替换“click”事件。 您可以通过执行以下操作来检测您是否在网络视图中

  var click = 'click';

  if(typeof(window.ontouchstart) !== 'undefined'){
        click = 'touchstart';
  }

然后使用 click 变量收听您的点击事件。 使用 jQuery

  $('#something').on(click, function(event){...

Answer 2

测试：铬

发生这种情况是因为有些东西可以扩展主体，有些元素大于设备宽度。 Sooo的解决方案是向浏览器显示我们不需要他的帮助，您可以自己处理：

html,
body {
  width: 100vw;
  overflow-x: hidden;
}

最后你得到了这样的东西：

@media screen and (max-width: 600px) {
  html,
  body {
    width: 100vw;
    overflow-x: hidden;
  }
}

但是浏览器仍然允许您向body下方的元素添加滚动。 换句话说，如果您的代码不干扰 html 或 body 标签，它就不应该在您的应用程序中造成问题。