Hammer.js pinchin / pinchout事件没有触发(如何调试android)

时间:2013-07-30 09:49:23

标签: javascript android pinchzoom hammer.js

我正在使用hammer.js捕获捏合事件以模拟放大和缩小,但是当我使用Galaxy Tab 2(android 4.1)测试它时,没有任何事件被触发

HTML:

<img class='image' src="http://lorempixel.com/output/nature-q-c-1073-779-9.jpg"></img>

脚本:

$(function(){
var imageElems = $('.image');
alert('count: '+imageElems.length); //returns 'count: 1'

imageElems.hammer({prevent_default:true})
    .on("pinchin", function (evt)
    {
        alert('zoom out');
        //more stuff
    }).on("pinchout", function (evt)
    {
        alert('zoom in');
        //more stuff
    }); 


//this alert doesn't fire on android device (not tested on any other)
alert('done');
});

这是一个小提琴:http://jsfiddle.net/7EV56/6/

第二个警报永远不会在Android上触发。我假设它是因为有一个错误,但它不会发生在我的PC上的浏览器中(但后来我无法测试捏合)。如何找出android chrome中发生的错误。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

知道了。我直接从GitHub为hammer.js库提供服务,但是他们有目的地使用MIME类型的text / plain来提供它。它不能在chrome中执行。

https://code.google.com/p/chromium/issues/detail?id=180007

然而,主要问题是无法在平板电脑上调试它,但现在我已经安装了Chrome ADB plugin,这对我有很大帮助。一旦我发现实际错误就很容易了。