我正在为iPad开发HTML应用程序 . 因此，它利用触摸事件和webkit-CSS动画 .
到目前为止，我已经使用chrome作为我的调试环境，因为它是非常棒的开发人员模式 .
我想要的是能够在我的PC上使用Google-Chrome的调试器调试我的Html / JavaScript，同时使用鼠标模拟触摸事件 .
我的网站没有任何多点触控事件，也没有鼠标事件（iPad上没有鼠标） .
我实际上并不想看到应用程序布局，而是更多地调试它的行为 .
是否有一些插件可以将鼠标事件转换为桌面浏览器上的触摸事件？
6 回答
As of April 13th 2012
在Google Chrome开发人员和canary版本中，现在有一个“模拟触摸事件”复选框
您可以通过打开F12开发人员工具并单击屏幕右下方的齿轮来找到它 .
现在（Chrome ver.36.0.1985.125）你可以在这里找到它：F12 => Esc => Emulation .
桌面浏览器可以通过导入其他JS CSS来模拟触摸事件 . 看一眼：
addTouch
Phantom Limb
我们使用此脚本：http://code.google.com/p/jquery-ui-for-ipad-and-iphone/它将允许触摸事件触发应用程序中的所有鼠标事件 . 因此，由于我们已经有一个使用右键单击，拖放等功能的Web应用程序，因此它允许我们通过触摸执行所有相同的功能 .
我知道这几乎与您正在寻找的模拟相反（您必须将您的应用程序编写为主要由鼠标使用），但我希望它无论如何都有帮助 .
在桌面浏览器上模拟多点触控的另一种方法是Touch Emulator of Hammer.js
我基于JQ UI lib遇到了这个小库 . 漂亮俏皮：
http://touchpunch.furf.com/
如果您专门针对Webkit（iPad和所有），则可以依赖正常的事件处理程序代码（add / removeEventListener） . 考虑到这一点，您可能只需要分支几个事件 - 例如，'ontouchstart'根据环境变为'onclick' .
但是我不知道有任何提供这种级别分支的库 . 很容易做自己 .