我们如何在 Safari 响应式设计模式中模拟触摸事件？答案

【问题标题】：How do we emulate touch events in Safari Responsive Design Mode?我们如何在 Safari 响应式设计模式中模拟触摸事件？
【发布时间】：2017-02-25 21:16:18
【问题描述】：

Chromium 有这个功能设备模式，交互就是它在触摸设备上的样子。

我已经尝试过 Safari 的响应式设计模式，但我没有看到模拟触摸的方法（没有指针事件）。它的行为就像我在使用鼠标一样，但我希望它的行为就像我正在触摸移动设备上的屏幕（就像在 Chrome 的检查器中一样）。

【问题讨论】：

【解决方案1】：

您可以安装 Apple xCode。安装后，通过 Spotlight 搜索 Simulator。

使用模拟器，您可以打开 Safari 并通过触摸控制模拟您的网站。

【讨论】：

【解决方案2】：

你不能。在响应模式下在桌面上使用 Safari 时，您的鼠标只会生成鼠标事件。

对于您的用例，可能比使用模拟器更好的解决方案是使用 Chrome 桌面。在设备模式下使用开发工具时，它将模拟点击事件。

【讨论】：

是的，但是如果没有实际的移动设备，很难在实际的 Safari 中进行测试。不过，在实际的移动设备上进行测试可能是最准确的测试方式。
如果情况仍然如此，我感到很惊讶-但是对于触摸开始/结束来说，javascript sn-p 的解决方法很容易-尽管“touchmove”的行为与“mousemove”相比引入了更多的复杂性。经过反思 - 我猜 iPhone 模拟器在很多方面都是最佳的
Safari 与 Chrome 有不同的支持和行为有时不同 - 所以我觉得这是一个糟糕的答案
我猜这取决于用例。我没有看到触摸开始/结束/移动事件的任何差异。你有关于这些差异的任何信息吗？