有没有可以模拟触摸事件的插件或扩展程序？

Question

为了开发和调试移动设备应用程序，我希望能够让我的鼠标模拟触摸事件（touchstart、touchmove和touchend）。

我找到了两个可能的解决方案：

Phantom Limb http://www.vodori.com/blog/phantom-limb.html （似乎不起作用）

ChromeTouch https://chrome.google.com/webstore/detail/ncegfehgjifmmpnjaihnjpbpddjjebme （可以滚动页面，但不能触发触摸事件）

有没有人知道一个插件可以在桌面webkit浏览器中触发触摸事件？

- SimplGy

---

这是一个不错的替代方案，但在开发过程中模拟“touchmove”效果不太好：https://dev59.com/wGox5IYBdhLWcg3wKBN9 - SimplGy

现在你可以在Chrome DevTools中启用触摸事件仿真。这个问题已经在这里回答了：https://dev59.com/3W445IYBdhLWcg3wUote#10150177 - Paul Irish

在 Dev Tools 设置面板中选择 模拟触摸事件。（要进入设置，请单击工具底部右侧的齿轮/齿轮图标。）然后，您可以使用鼠标模拟触摸事件，并为触摸事件监听器函数设置断点（在脚本面板中）。 - Sam Dutton

不仅在Chrome中再也找不到“齿轮”图标了，而且无论我是打开还是关闭开发工具，“启用触摸仿真”设置都毫无作用。发生了什么事？为什么这个功能被删除了？太令人沮丧了。 - Sean Kendle

Answer 1

我发现唯一能执行touchmove的方法是手动编码，例如：

(function(){

var isDown = false
,   dragging
;

$('body').bind('mousedown', function(){ isDown = true; });
$('body').bind('mousemove', function(){ if(isDown) { dragging(); } });    
$('body').bind('touchmove', function(){ dragging(); });
$('body').bind('mouseup', function(){ isDown = false; });

dragging = function () {
    console.log('content being drug');
}

})();

- SimplGy