Javascript 为什么当Inspector打开时,e.Touchs[]在Chrome中的速度更快?

Javascript 为什么当Inspector打开时,e.Touchs[]在Chrome中的速度更快?,javascript,canvas,inspector,ctx,Javascript,Canvas,Inspector,Ctx,我有一个网站(live on),用户可以在该网站上以。 在Chrome和Chromebook中,鼠标可以很好地绘制图形 有了触摸屏,它就不会。。。快画一个圆是慢的方法。 ... 直到您打开Inspector(F12镀铬)。那么一切都很好 为什么打开Inspector时速度更快? 怎样才能得到如此快速的响应?这是我现在的主要目标! 最好的测试是使用触摸快速画一个圆 function findxy_touch(res, e) { if (res == 'down') {

我有一个网站(live on),用户可以在该网站上以。 在Chrome和Chromebook中,鼠标可以很好地绘制图形

有了触摸屏,它就不会。。。快画一个圆是慢的方法。 ... 直到您打开Inspector(F12镀铬)。那么一切都很好

为什么打开Inspector时速度更快? 怎样才能得到如此快速的响应?这是我现在的主要目标! 最好的测试是使用触摸快速画一个圆

function findxy_touch(res, e) {
        if (res == 'down') {
            prevX = currX;
            prevY = currY;
            console.log(e.touches);
            currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
            currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;

            flag = true;
            dot_flag = true;
            if (dot_flag) {
                ctx.beginPath();
                ctx.fillStyle = x;
                ctx.fillRect(currX, currY, 2, 2);
                ctx.closePath();
                dot_flag = false;
            }
        }
        if (res == 'up' || res == "out") {
            flag = false;
        }
        if (res == 'move') {
            if (flag) {
                prevX = currX;
                prevY = currY;
                //console.log(prevX);

                // pak touch en muis!
                currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
                currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;
                draw();
            }
        }
仅仅通过使用的代码(以及链接到的代码),我就让它工作了。有了这个新代码,触摸事件处理得更好更快,从而使它工作起来


我的第一个代码不应使用,请使用工作的代码。

触摸屏不会。。。快速画一个圆圈是一种缓慢的方式;无法复制,在谷歌Chrome手机浏览器上试用,运行速度和在桌面上一样快。你可以添加一些更多的信息/调试细节吗?当然,在这里下载一个Chrome性能配置文件来查看它:当Inspector未打开时,似乎没有足够的e.touch[]被提供,还有一个小的“发现”。。。当Inspector打开(或未打开)时,Inspector中的“接触列表”是不同的。查看第一个触摸列表-未打开检查器的内部“圆圈”:缓冲区似乎已满?第二个接触列表是打开检查器的外圈:更好还是没有缓冲区?