javascript - 检测浏览器是否使用 GPU 加速图形进行渲染

Question

所以我正在构建大型网站，它使用 css3 转换动画(我使用 jaquery.transit 来操纵元素转换及其 css 样式)。我偶然发现了两个问题:

1. FF(最新更新)不使用 GPU 进行 translate3d() 层渲染，也许我错了，mozilla 根本不使用 GPU 加速图形。我真的还没有完全理解。
2. 即使我欺骗 Chrome 使用 GPU 进行 translate3d() 和 translateZ() 层渲染，但在 GPU 不好或没有 GPU 的计算机上，这些图形太糟糕了，你有时甚至看不到过渡的中间部分刚开始并结束。

问题:

1. 我该怎么做才能提高过渡元素的 FPS，例如我有 3200x3200 div 同时在 x,y 轴上旋转和缩放和平移，大约。 div 的 表面上显示 5-20 个元素？
2. 也许有一种方法可以检测浏览器是否具有足够的 GPU 支持，从而知道我是否需要重定向到更简单的网站版本？

Answer 1

因为 WebGL使用 GPU，令人惊叹的 Modernizr 元素允许检查支持 webGL 的浏览器:http://modernizr.com/news/

检查 http://modernizr.com/docs/ 下的 Modernizr.webgl