Debugging Shaders

Are there any good tools for editing webgl shaders? I found it very annoying the last time I tried because I got poor errors out of the browser when I made a mistake. If there is a way to compile a shader outside of the browser I feel like it might make this easier.

There is the webgl inspector:

Or you could take a look at an editor like:


@hccampos That’s a really good selection! I’d like to add the default shader edit tools in FF:

AFAIK, there is no real debugger for GLSL. In most cases, you have to produce visual outputs if you want to check intermediate results.