This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
The WEBGL_debug_shaders extension is part of the WebGL API and exposes a method to debug shaders from privileged contexts.
This extension is not directly available to websites as the way of how the shader is translated may uncover personally-identifiable information to the web page about the kind of graphics card in the user's computer.
WebGL extensions are available using the WebGLRenderingContext.getExtension() method. For more information, see also Using Extensions in the WebGL tutorial.
Note: Depending on the privacy settings of the browser, this extension might only be available to privileged contexts.
This extension is available to both, WebGL1 and WebGL2 contexts.
WEBGL_debug_shaders.getTranslatedShaderSource()Returns the translated shader source.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
WEBGL_debug_shaders |
47 | 79 | 56 | 34 | 14 | 47 | 56 | 34 | 14 | 5.0 | 47 | 14 |
getTranslatedShaderSource |
47 | 79 | 56 | 34 | 14 | 47 | 56 | 34 | 14 | 5.0 | 47 | 14 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_debug_shaders