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

Question

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

Answer 1

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

然后，在开发人员部分的左上方，您会看到一个小图标，显示＆＃34;切换设备模式＆＃34; （Ctrl / CMD + Shift + M）

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

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

Answer 2

如果您进入开发人员工具（F12），进入响应式设计模式（Ctrl + Shift + M）并选择启用触摸的设备，您可以更改它以便在您与页面交互时触发触摸事件（而不是鼠标事件）。

Answer 3

打开devtools，在topleft角落，手机后面有一个带屏幕的图标。单击它以启用手机模式。您将知道自己处于手机模式，因为页面会更小，并且光标所在的位置会出现一个圆圈。单击将模拟触摸事件。

Answer 4

我建议使用Hammerjs's触摸模拟器。它可以让您触摸事件（例如Chrome），但也可以 进行多点触摸事件（特别是捏）。开发时很容易在页面上安装。我正在用它来测试用Fulcro（反应）编写的内容。完美运行。