WebGL检测器

一个很先进的WebGL调试工具

About

  WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier.What Firebug and Developer Tools are to HTML/JS , WebGL Inspector is to WebGL.

点击这里，了解更多的信息：

状态：

WebGL已经很久没有更新了，但是，你仍然可以用这个工具。

特点：

扩展到注入页面

通过一个简单的脚步嵌入到一个应用程序中

获取全部的GL帧

带注释的调用和每步的进程/资源 ，导航和冗余调用警告

像素史--可以看见所有生成一个像素的的调用和混合信息

GL状态显示

贴图、缓冲区和程序的资源浏览器

例子：

Google's Electric Flower(显示了 贴图支持）

你可以在你的页面上嵌入检测器，假如你的浏览器没有这个延伸，或则你不想安装它。

安装：

Chrome/Chromium extension(15+)

浏览一个带有WebGL的页面，点击‘GL' 按钮，就会出现工具栏来嵌入检测器。

可以点击这里获取更多的信息。

下载

你可以下载这些工程，  zip或则tar

你也可以复制这个程序用 Git 

截屏

Overlay/HUD

用 overlay按钮在右上角可以获取帧显示UI.所有在页面顶部的的设置来阻止中断。

Tracing(追宗）

帧调用追踪和链接资源和冗余调用警告

孤立个体绘制调用可以查看刚刚绘制的图像

Timeline

看到的各种实时GL的活动。工作进程——它会更漂亮!

State Inspector

可以看见现在的GL 的状态，在任何时间点

Textures

浏览上传纹理,看看他们的修改历史,用法在当前帧,和另外的信息。

Buffers

浏览上传的所有缓存，缓存的历史、用途、内容、和推断的结构。

Programs

检测项目和着色器，包括现在的uniform 值。