WebGL 调试工具？答案

【问题标题】：WebGL debug tools?WebGL 调试工具？
【发布时间】：2011-04-20 09:10:30
【问题描述】：

我正在寻找 WebGL 调试和检查工具——比如用于 WebGL 的 FireBug。

有什么建议吗？

【问题讨论】：

【解决方案1】：

刚刚找到 WebGL Inspector。它声称是一个高级 WebGL 调试工具包。我还没有亲自尝试过。

【讨论】：

【解决方案2】：

如上所述，WebGL-Inspector 是一个工具，允许您分析传递给着色器程序的纹理和缓冲区。对于低级问题，需要高级工具来跟踪驱动程序 API 调用、内存消耗等。

根据使用的操作系统，您可以使用 OpenGL/DirectX 调试器并将它们附加到您的浏览器。

【讨论】：

【解决方案3】：

WebGL Inspector 是一个非常好的工具，但在 UI 中存在许多故障。我还可以在 FireFox 调试器工具中推荐 Canvas 调试器和 Shader Editor（它们默认关闭，您应该在设置中启用它们）

【讨论】：

【解决方案4】：

我试用了 WebGL Inspector、WebGL Insight 和 Spector.js。

如果您可以让它们工作，前两个似乎具有最多的功能。不幸的是，WebGL Inspector 在打包程序方面存在问题，我正在使用 webpack。它在 Github 页面上有一些安装注意事项，以使其与捆绑程序一起使用，但它非常草率。

WebGL Insight 评论部分的某人说，只有从一开始就加载了您的<canvas>，它才可能起作用。同样，我尝试将我的画布创建移动到 index.html 作为标记，但无法使其正常工作。

Spector.js 是唯一一个开箱即用的工具。它的功能集更小，但您至少可以看到每个帧的状态和堆栈跟踪。

【讨论】：