如何在浏览器中模拟触摸手势，最好是chrome？答案

【问题标题】：How to simulate touch gestures in browser, preferably chrome?如何在浏览器中模拟触摸手势，最好是chrome？
【发布时间】：2016-04-26 22:37:24
【问题描述】：

这个问题的目的是学习如何在移动设备上测试 JS 事件监听器的触摸事件。

【问题讨论】：

【解决方案1】：

在 Chrome 上，按 F12 切换开发者模式。

然后，在开发者部分的左上角，您会看到一个小图标，上面写着“切换设备模式”（Ctrl/CMD + Shift + M）

然后，您可以在顶部切换设备。

这将模仿真实设备的触摸手势。

【讨论】：

我刚刚遇到了一种情况，该功能可以与 Chrome 中的内置触摸模拟器一起使用，但在真正的 Android 设备中却无法使用，我只想指出这一点不会取代实际的移动测试。问题：stackoverflow.com/questions/37251486/…
请注意，Safari 具有响应式设计模式，允许您使用 iPhone 或 iPad 的框架。但是，Safari，即使在响应式设计模式下，也总是注册鼠标事件。访问here 以检测网页上的触摸或鼠标事件。

【解决方案2】：

如果您进入开发者工具 (F12)，进入响应式设计模式 (Ctrl + Shift + M) 并选择支持触控的设备，您可以对其进行更改，使其在您与页面交互时触发触控事件（而不是鼠标事件）。

【讨论】：

【解决方案3】：

打开开发工具，左上角有一个图标，手机后面有一个屏幕。单击它以启用电话模式。您将知道您处于电话模式，因为页面会更小，并且光标所在的位置会出现一个圆圈。点击会模拟一个触摸事件。

【讨论】：

【解决方案4】：

我会推荐Hammerjs's 触摸模拟器。它可以让您像 Chrome 这样的触摸事件，但也多点触控事件（特别是捏）。在开发时很容易安装在您的页面上。我用它来测试用 Fulcro (React) 写的东西。完美运行。

【讨论】：