如何解决Javascript:“触摸移动”期间的网页性能连接到远程调试时的行为有所不同
我有一个网页,其主要DOM元素是一个画布,其余部分是在使用ThreeJS(与WebGL)一起发生的。
我正在使用此方法刷新视图:
function render(time) {
requestAnimationFrame(function (time) {
refreshScene();
renderer.render(scene,camera);
render(time)
});
}
实际上,它每秒大约发生40-50次(已通过统计数据测试)
同时,我对“ touchmove”的每个事件进行一些计算,这些计算的结果发生在下一个渲染的帧上。
一切都可以在台式机Chrome浏览器上正常运行,但在移动设备上的运行却很奇怪:
- 实际拖动时,运动会“中断”,就像FPS下降到大约5。将手指从屏幕上移开时,其余动画会平稳运行。
- 将设备连接到Chrome移动设备进行调试时-一切正常!
所有内容在日志中看起来都很不错,而且当连接到远程调试器时,它的行为也不同,因此性能提高了。
有什么想法吗?
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。