WEBGL_debug_shaders.getTranslatedShaderSource()

The WEBGL_debug_shaders.getTranslatedShaderSource() method is part of the WebGL API and allows you to debug a translated shader.

Syntax

gl.getExtension('WEBGL_debug_shaders').getTranslatedShaderSource(shader);

Parameters

shader: A WebGLShader to get the translated source from.

Return value

A String containing the translated shader source. An empty string is returned, if:

no source has been defined or,
WebGLRenderingContext.compileShader() has not yet been called or,
the translation for the shader failed.

Examples

var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');

var shader = gl.createShader(gl.FRAGMENT_SHADER);
gl.shaderSource(shader, 'void main() { gl_FragColor = vec4(gl_FragCoord.x, 0.0, 0.0, 1.0); }');
gl.compileShader(shader);

var src = gl.getExtension('WEBGL_debug_shaders').getTranslatedShaderSource(shader);
console.log(src);
// "void main(){
// (gl_FragColor = vec4(gl_FragCoord.x, 0.0, 0.0, 1.0));
// }"

Specifications

Specification
WebGL WEBGL_debug_shaders Khronos Ratified Extension Specification (WebGL WEBGL_debug_shaders Khronos Ratified Extension)

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`getTranslatedShaderSource`	47	79	30 The extension is activated by default to privileged contexts (chrome context).	No	?	14	47	47	?	?	14	5.0