相关疑难解决方法(0)

(问题不是特定于three.js,但我会以它为例)

我最近一直在使用three.js开发一个Web应用程序界面,并在WebGL和Canvas渲染器(用于桌面浏览器)之间编写了一些很好的回退.

但现在问题变成了如何正确检测设备功能,问题有两个方面:

1. 浏览器功能(静态功能,如webgl/canvas):这在很大程度上是通过简单的功能检测在Web社区中解决的.
2. 设备功能:这是困难的部分,如果没有直接访问设备的硬件信息,我们需要一些方法来判断我们是否应该回退到硬件要求较低的代码.

一个值得注意的例子:Firefox移动/ Opera移动声称支持WebGL但是有缺陷或受到设备硬件的限制.

到目前为止我提出了一些解决方法:

1. 使用通用功能作为性能指标 - 例如,触摸设备通常具有不太强大的硬件.骗局:这不是面向未来的.
2. 黑名单已知错误的浏览器/设备 - UA嗅探将是不可避免的,并且它很难维护.
3. 性能测试 - 因此问题除了运行代码和测量帧率之外,还有更好的选择吗？

或者也许它不一定很难,还有其他建议吗？

我有一个使用three.JS的图形项目,现在我想自动检查客户端GPU性能并计算我可以在应用程序中加载多少元素.我认为像GPU基准测试.