Debugging WebGL调试工具？

我正在寻找WebGL调试和检查工具—类似FireBug for WebGL

---

有什么建议吗？

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

---

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

---

根据使用的操作系统，您可以使用OpenGL/DirectX调试器并将其连接到浏览器

WebGL Inspector是一个非常好的工具，但在UI中有许多小问题。我还可以推荐FireFox调试器工具中的画布调试器和着色器编辑器（默认情况下它们已关闭，您应该在设置中启用它们）

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

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

WebGL Insight的评论部分有人说，只有从一开始就加载了

，它才可能起作用。我再次尝试将画布创建作为标记移动到index.html，但无法使其正常工作

---

Spector.js是唯一一个对我有效的开箱即用的。它的功能集更加精简，但您至少可以看到每个帧和堆栈跟踪的状态。

这里有作者的视频演示