I have opened the following HTML on multiple browsers (Chrome, Opera, etc.) but in the console it always logs ‘WEBGL_debug_render_info extension doesn’t work’ despite gl.getSupportedExtensions() showing a list where WEBGL_debug_render_info is present. Am I doing something wrong?
<!DOCTYPE html>
<html>
<body>
<script>
var canvas = document.createElement('canvas');
var gl = canvas.getContext('webgl');
if (!gl) {
console.log('WebGL not supported');
} else {
var extensions = gl.getSupportedExtensions();
console.log('Supported extensions:', extensions);
var debugInfo = gl.getExtension("WEBGL_debug_render_info");
if (debugInfo) {
var vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);
var renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
console.log('Vendor: ' + vendor);
console.log('Renderer: ' + renderer);
} else {
console.log('WEBGL_debug_render_info extension doesnt work');
}
}
</script>
</body>
</html>