javascript - 是否有可能检测用于 Web 开发中渐进增强的处理能力？

Question

有时我需要添加超出 CSS3 范围的动画效果，例如与滚动位置耦合的效果等。

通常，这工作得很好，但最近我遇到了一个棘手的问题。我正在尝试制作动画用户使用 -webkit-filter: blur() 向下滚动页面时出现的模糊效果。

这很容易用一些 JavaScript 实现，但我发现动画模糊确实给用户的处理器带来了压力。动画在我全新的上运行正常速度极快的 mac-book，但无法在旧机器(甚至是我的浏览器)上流畅运行Google Chrome 以外的计算机)。

实现细节并不重要，但我发现这个问题回避了问题:

Can I transparently detect (roughly perhaps) the clients processing power and use this knowledge to turn on or off certain features in my code as to ensure smooth operation and animation?

我知道 JavaScript 动画库可以在不占用太多处理能力的情况下做一些非常棒的事情，但这不是我所追求的。我可以想到与动画无关的其他用例。

Answer 1

如果您知道性能上限(您提到它不适用于您新笔记本电脑上的某些最新浏览器)，那么您可以使用用户代理信息获取浏览器和操作系统信息，关闭该功能对于早于您的上限的版本。这是一个过于谨慎的近似值，您在设置阈值时始终可以根据自己的判断。

另请参阅此相关问题:How can I test the user's computer's processing power using Javascript?