How to get OpenGL version using Javascript?

在JavaScript中，要获取OpenGL版本，通常需要通过WebGL来访问，WebGL基于OpenGL ES，它是OpenGL的一个子集，专为Web开发设计。下面是一个步骤明确的示例，展示如何在JavaScript中获取WebGL的版本，从而间接获取到OpenGL ES的版本信息。

步骤 1: 创建Canvas元素

首先，你需要在HTML文档中创建一个canvas元素，或者通过JavaScript动态创建一个。

html
<canvas id="glcanvas"></canvas>

步骤 2: 获取WebGL上下文

使用getContext方法来获取WebGL上下文。这里有两种可能的上下文，webgl（或称为WebGL 1.0，基于OpenGL ES 2.0）和webgl2（WebGL 2.0，基于OpenGL ES 3.0）。

javascript
var canvas = document.getElementById('glcanvas');
var gl = canvas.getContext('webgl') || canvas.getContext('webgl2');

步骤 3: 获取并打印OpenGL版本信息

一旦你有了WebGL上下文，就可以使用getParameter方法来查询WebGL的相关信息，其中VERSION和SHADING_LANGUAGE_VERSION是很有用的参数，分别代表WebGL的版本和着色语言版本。

javascript
if (gl) {
    var version = gl.getParameter(gl.VERSION);
    var shadingLangVersion = gl.getParameter(gl.SHADING_LANGUAGE_VERSION);
    console.log('WebGL Version: ' + version);
    console.log('Shading Language Version: ' + shadingLangVersion);
} else {
    console.log('Your browser does not support WebGL');
}

示例说明

这个示例代码首先尝试获取WebGL的上下文，如果浏览器支持WebGL，则会打印出WebGL的版本和着色语言版本。这些信息间接反映了底层的OpenGL ES版本。

注意: WebGL的版本和对应的OpenGL ES版本是固定对应的，WebGL 1.0 基于 OpenGL ES 2.0，而 WebGL 2.0 基于 OpenGL ES 3.0。所以通过获取WebGL版本，你可以推断出OpenGL ES的版本。

结论

通过上述步骤，你可以在JavaScript中间接获取到OpenGL ES的版本信息。这对于开发依赖特定图形功能的Web应用非常有用，确保应用能够在大多数设备上正确运行。