javascript - 如何判断是否在我的页面上显示较少的 GPU 密集型图形？

Question

我有一个网页，上面有一些视觉效果，我认为它确实增强了它。但是，它们在某种程度上是 GPU 密集型的。对于任何桌面，它们都是小游戏。但是，在我的笔记本电脑和手机上，这些设备的升温速度相当快。

我不想伤害我的用户的设备，也不想让他们发热，也不想因为他们正在查看我的页面而运行他们的粉丝。但是，我不想完全放弃这些效果。我如何判断是否可以使用这些效果，以及何时应该使用后备？

我的第一直觉是查询 [电池状态 API] (https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API)，但这是非常不鼓励的，现在基本上只适用于 Chromium。我不知道任何其他方式来询问“这是笔记本电脑还是台式机？” 或者“这是否有足够的 GPU 能力来自信地处理这个问题？”

标签： javascriptmobilegraphicsfeature-detectiondevice-detection