iPhone低电量模式导致three.js渲染卡顿的原因及解决方案？

Question

iPhone在低电量模式会导致three.js项目掉帧与卡顿

在做Telegram Mini APP开发的时候遇到的问题，正常模式下无异常；
在iPhone进入低电量模式后，Mini APP里的three.js会出现严重的掉帧和卡顿。

在未显示three.js的内容时页面内存用量130M, 启用后内存用量在150M~163M。

请问是什么原因导致的？和CPU降频、动效被简化相关吗？有无解决办法？

Answer 1

低电量模式肯定性能要打折扣，类似 3d 这种大计算量的操作肯定会受影响。我认为这个问题无解，比如确诊糖尿病，那就不能吃糖嘛。用户低电量了，还要玩高耗电的应用并且要求效果不能打折扣，也并不合理。

Answer 2

就像前端不能操控浏览器的大部分操作一样，比如说修改浏览器的配置。
同理，手机低电量的时候，一定会触发手机的保电机制，要降低性能、关闭不需要的操作（比如说蓝牙），减少能耗。这些都是手机系统设置里面的电源默认设置的，除非用户手动去修改。
所以，当用户手机电量低的时候，前端连浏览器的配置都改不了，如何越过浏览器到系统配置里面去修改电源配置？
如果可以获取到手机电量参数，可以到了低电量（25%）的时候进行弹窗提示，说手机电量过低，渲染效果会降低，请充电！