Responsive design 我们如何在Safari响应式设计模式中模拟触摸事件?

Responsive design 我们如何在Safari响应式设计模式中模拟触摸事件?,responsive-design,safari,web-inspector,dom-events,safari-web-inspector,Responsive Design,Safari,Web Inspector,Dom Events,Safari Web Inspector,Chromium具有这种设备模式的功能,而交互就是触摸设备上的交互方式 我尝试过Safari的响应式设计模式,但我没有看到一种模拟触摸的方法(没有指针事件)。它的行为就像我在使用鼠标,但我希望它的行为就像我在移动设备上触摸屏幕一样(就像在Chrome的inspector中)。您可以安装Apple xCode。安装后,通过聚光灯搜索模拟器 使用模拟器,您可以打开Safari并通过触摸控制来模拟您的网站 你不能。在桌面上以响应模式使用Safari时,鼠标将只生成鼠标事件 也许比使用模拟器更好的解

Chromium具有这种设备模式的功能,而交互就是触摸设备上的交互方式


我尝试过Safari的响应式设计模式,但我没有看到一种模拟触摸的方法(没有指针事件)。它的行为就像我在使用鼠标,但我希望它的行为就像我在移动设备上触摸屏幕一样(就像在Chrome的inspector中)。

您可以安装Apple xCode。安装后,通过聚光灯搜索模拟器

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


你不能。在桌面上以响应模式使用Safari时,鼠标将只生成鼠标事件


也许比使用模拟器更好的解决方案是使用Chrome桌面。在设备模式下使用开发工具时,它将模拟tap事件。

虽然这肯定是可用的,但我认为这不是测试网络游戏的有效方法,例如,因为性能会急剧下降。应该有一个内置的功能,就像Chrome一样。没错,但是如果没有真正的移动设备,很难在实际的Safari中进行测试。不过,在实际的移动设备上进行测试可能是最准确的测试方式。我很惊讶这种情况是否仍然存在——但是,嗯,对于touchstart/end来说,javascript代码片段的解决方法很容易——尽管“touchmove”的行为与“mousemove”相比引入了更多的复杂性。经过反思——我想iPhone模拟器在很多方面都是最优的——Fari与Chrome有不同的支持,有时表现也不同——所以我觉得这是一个糟糕的答案——我想这取决于使用情况。我没有看到触摸开始/结束/移动事件的任何差异。你有关于这些差异的任何信息吗?