Question

我正在开发一个WebGL（使用ThreeJs）应用程序，显然，它显示了3D模型，我们正在使用一些效果（着色器），希望通过测试来了解用户是否可以运行该应用程序或者，我找到了一种方法来检索使用过的浏览器中支持的插件列表。

问题：

我面临的问题是要知道我的应用程序需要什么插件，有没有办法自动检测它们？

在我的Mac中：

ANGLE_instanced_arrays

WEBKIT_EXT_texture_filter_anisotropic

OES_element_index_uint

OES_standard_derivatives

OES_texture_float

OES_texture_float_linear

OES_texture_half_float

OES_texture_half_float_linear

OES_vertex_array_object

WEBKIT_WEBGL_compressed_texture_s3tc

WEBKIT_WEBGL_depth_texture

WEBGL_draw_buffers

WEBGL_lose_context

WEBGL_debug_renderer_info

在我的联想：

ANGLE_instanced_arrays

WEBKIT_EXT_texture_filter_anisotropic

OES_element_index_uint

OES_standard_derivatives

OES_texture_float

OES_texture_half_float

OES_texture_half_float_linear

OES_vertex_array_object

WEBKIT_WEBGL_compressed_texture_s3tc

WEBGL_lose_context

WEBGL_debug_renderer_info

联想中缺少的那些：

OES_texture_float_linear

WEBKIT_WEBGL_depth_texture

WEBGL_draw_buffers

Answer 1

您可以通过询问来检查分机

var ext = gl.getExtension("OES_texture_float_linear");
If (!ext) {
  alert("extension does not exist");
}

对于three.js，您可以使用

var gl = renderer.getContext();

获取WebGLRenderingContext

在您的情况下，如果扩展名不存在，请考虑不使用bokeh2着色器

否则，它可以通过app / framework /代码告诉您需要哪些扩展名。我可以想到三个方面

理想的方式是应用程序在文档中具体，如 Bokek2需要扩展X，Y和Z 。
下一个最好的方法是查看代码，看看它在做什么。
另一种方法是覆盖getExtension，然后（1）打印出要检查的扩展名，以及（2）返回null某些扩展名并查看代码何时失败。

我真的建议＃2，但＃3你可以做到这一点

(function() {

  var originalGetExtensionFunction = WebGLRenderingContext.prototype.getExtension;

  // start with this array empty. Once you know which extensions
  // the app is requesting you can then selectively add them here
  // to figure out which ones are required.
  var extensionToReject = [
    "OES_texture_float",
    "OES_texture_float_linear",
  ];

  WebGLRenderingContext.prototype.getExtension = function() {
    var name = arguments[0];
    console.log("app requested extension: " + name); 
    if (extensionToReject.indexOf(name) >= 0) {
      console.log("rejected extension: " + name);
      return null;
    } 
    var ext = originalGetExtensionFunction.apply(this, arguments);
    console.log("extension " + name + " " + (ext ? "found" : "not found"));
    return ext;
  };

}());

必需的WebGL扩展检测

问题：

更多详情：

在我的Mac中：

在我的联想：

联想中缺少的那些：

1 个答案: