在PC浏览器上模拟触摸事件

我正在为iPad开发一个HTML应用程序。 因此,它利用触摸事件和webkit-CSSanimation。

直到现在我已经使用铬作为我的debugging环境,因为它是真棒开发人员模式。

我想要的是能够在我的PC上使用Google-Chrome的debugging器来debugging我的Html / JavaScript,同时用我的鼠标模拟触摸事件。

我的网站没有任何多点触摸事件,也没有鼠标事件(iPad上没有鼠标)。

我实际上并不是对查看应用程序布局感兴趣,而是对debugging它的行为更感兴趣。

有一些插件可以将鼠标事件翻译成桌面浏览器中的触摸事件吗?

截至2012年4月13日

在Google Chrome开发者和金丝雀版本中,现在有一个“模拟触摸事件”checkbox,

您可以通过打开F12开发人员工具并单击屏幕右下方的齿轮来find它。

在Chrome v22 Mac OS X上

现在(Chrome ver.36.0.1985.125),你可以在这里find它:F12 => Esc => Emulation。 安慰

桌面浏览器可以通过导入附加的JS + CSS来模拟触摸事件。 看一眼:

  1. addTouch
  2. 幻影肢体

我们使用这个脚本: http : //code.google.com/p/jquery-ui-for-ipad-and-iphone/它将允许触摸事件触发应用程序中的所有鼠标事件。 因此,由于我们已经有了一个使用右键单击,拖放等的Web应用程序,它允许我们通过触摸执行所有相同的function。

我知道它几乎与你正在寻找的模拟相反(你将不得不编写你的应用程序主要由鼠标使用),但我希望它有帮助。

我遇到了基于JQ UI库的这个小库。 相当漂亮:

http://touchpunch.furf.com/

另一种在桌面浏览器上模拟多点触摸的方法是Hammer.js的触摸模拟器

如果你专门针对Webkit(iPad和所有),你可以依靠正常的事件处理程序代码(add / removeEventListener)。 考虑到这一点,您可能需要分支几个事件 – 例如,“ontouchstart”成为基于环境的“onclick”。

不过,我不知道提供这种级别的分支的任何库。 很容易做你自己。