在Safari响应式设计模式下如何模拟触摸事件?

35

Chromium拥有“设备模式”这一功能,其互动方式就像在触控设备上一样。

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


苹果在很多方面都落后了。 - Kevin
2个回答

15
你可以安装苹果的xCode。安装后,通过Spotlight搜索模拟器。

Search Simulator through Spotlight

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

iPhone 5 with iOS 10.1

Stackoverflow opened through Simulator


4
虽然这绝对可以使用,但我认为这不是测试 Web 游戏的有效方式,因为会导致性能急剧下降。应该像 Chrome 一样内置此功能。 - Gio

3

您无法这样做。在桌面上使用Safari响应式模式时,您的鼠标只会生成鼠标事件。

也许比使用模拟器更适合您的用例的解决方案是使用Chrome桌面版。在设备模式下使用开发工具时,它将模拟触摸事件。


是的,但是如果没有实际的移动设备,在实际的Safari中进行测试就很困难。不过,在实际的移动设备上进行测试可能是最准确的测试方式。 - trusktr
1
如果这仍然是事实,我感到惊讶 - 但是对于touchstart/end的javascript片段的解决方法将很容易 - 尽管“touchmove”相对于“mousemove”的行为引入了更多的复杂性。经过反思 - 我想iPhone模拟器在许多方面都是最佳选择。 - K. Kilian Lindberg
1
Safari与Chrome在支持方面有所不同,有时表现也不同 - 所以我觉得这是一个糟糕的答案。 - Dmitriy
我猜这取决于使用情况。我没有看到触摸开始/结束/移动事件方面的任何区别。你有关于这些差异的任何信息吗? - Pier

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接