跨浏览器的 WebGL 扩展支持

Question

这可能就像我在 Chrome 或 Firefox 中的愚蠢设置一样简单，但我只是不知道去哪里找出它是那个还是其他东西。

我试图弄清楚的基本问题是为什么浏览器之间的扩展支持如此不同。

例如，去http://prideout.net/recipes/ExtensionViewer.html

对于 Firefox 我得到

OES_texture_float (google) (registry)
OES_standard_derivatives (google) (registry)
EXT_texture_filter_anisotropic (google) (registry)
MOZ_WEBGL_lose_context (google) (registry)
WEBGL_lose_context (google) (registry)
MOZ_WEBGL_compressed_texture_s3tc (google) (registry)
WEBGL_compressed_texture_s3tc (google) (registry)

但在 Chrome 中我得到:

OES_standard_derivatives (google) (registry)
WEBKIT_EXT_texture_filter_anisotropic (google) (registry)
OES_vertex_array_object (google) (registry)
OES_element_index_uint (google) (registry)
WEBGL_lose_context (google) (registry)

注意缺少的 OES_texture_float
我在某些时候注意到我确实(或确实)似乎有一个与 AMD 相关的浮点扩展，但我不知道哪个页面显示我有那个。我有一种感觉，无论显示的是旧版本的 Chrome。

我知道我的卡支持浮点纹理(至少在某种程度上)，每当我在 Firefox 中访问需要浮点纹理的页面时，演示效果很好。

如果有什么我想弄清楚的，那就是我必须做的事情才能让浮点纹理在我的机器上的 Chrome 中工作。您可以使用 WebGL 做的一些最酷的事情需要使用浮点纹理扩展。

我的错误是什么，据说 Firefox 和 Chrome 都使用 ANGLE，所以它们不都支持相同的扩展吗？

Answer 1

阅读 WebGL best practices page在 MDN:

可能不支持渲染到浮点纹理，即使
支持 OES_texture_float 扩展。通常，这会失败
在当前的移动硬件上。要检查这是否受支持，您有
调用 WebGL checkFramebufferStatus() 函数。

这是一个硬件问题，它至少应该适用于现代专用显卡，但是对于平板电脑和手机等“较弱”设备，您需要一些变通方法或回退。