Javascript：“触摸移动”期间的网页性能连接到远程调试时的行为有所不同

问题描述

我有一个网页，其主要DOM元素是一个画布，其余部分是在使用ThreeJS（与WebGL）一起发生的。

我正在使用此方法刷新视图：

function render(time) {
    requestAnimationFrame(function (time) {
        refreshScene();
        renderer.render(scene,camera);
        render(time)
    });
}

实际上，它每秒大约发生40-50次（已通过统计数据测试）

同时，我对“ touchmove”的每个事件进行一些计算，这些计算的结果发生在下一个渲染的帧上。

一切都可以在台式机Chrome浏览器上正常运行，但在移动设备上的运行却很奇怪：

1. 实际拖动时，运动会“中断”，就像FPS下降到大约5。将手指从屏幕上移开时，其余动画会平稳运行。
2. 将设备连接到Chrome移动设备进行调试时-一切正常！

所有内容在日志中看起来都很不错，而且当连接到远程调试器时，它的行为也不同，因此性能提高了。

有什么想法吗？

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）