An advanced WebGL debugging toolkit

向有大家推荐一个WebGL的调试工具，虽然比不上Nvadia的好，但能debugging webgl也是值得的。

WebGL Inspector:

http://benvanik.github.com/WebGL-Inspector/

Screenshots

Excuse their ugliness - I'd rather code than tweak compression settings in Photoshop ^_^ 

Overlay/HUD

Use the overlay buttons in the top right to capture frames and show the toggle the UI. Everything sits on top of the page to prevent interruption. 

Tracing

View full frame call traces with linked resources and redundant call warnings. 

Isolate individual draw calls to see just what was drawn. 

Step through each call in a frame to build up the scene. (too lazy to rebuild gif, so older animation) 

Timeline

See realtime statistics about various GL activity. Work in progress - it'll get prettier! 

State Inspector

View the current GL state at any point in time. 

Textures

Browse uploaded textures and see their modification history, usage in the current frame, and other information. 


 

Buffers

Browse all uploaded buffers and view their history, usage, contents, and inferred structure. 

Programs

Inspect programs and shaders including current uniform values.