如何测量WebGL应用程序的图形内存使用情况

Question

我已经看到几个应用程序来描述测量图形内存使用率的DirectX和OpenGL应用程序。我无法找到任何与WebGL类似的东西。

我使用WebGLInspector来调试WebGL应用程序，但目前不支持图形内存分析。

是否有替代方案来跟踪WebGL应用程序的确切图形内存使用情况？

Answer 1

首先，在这一点上没有办法用Javascript查询。实际上存在一些安全问题，因为可以使用详细的GPU存储器数据创建用于在用户不知情的情况下进行跟踪的系统指纹。

但我猜你更关心调试自己的应用程序，而不是创建一个监控工具。至少在Chrome中至少可以从about：memory选项卡获取一些信息。在那里你会看到一个“GPU”部分，它可以让你对浏览器的视频内存使用情况有一个非常深刻的理解。是的，这是整个浏览器，而不仅仅是你的标签。但要确保你的标签是当时唯一运行更准确的统计信息并不难。

我相信那不是你想要的答案，但这是我们目前所拥有的一切。毫无疑问，随着WebGL成为Web中更大的一部分，我们将为它发展更好的工具，但在此之前......欢迎您成为早期的采用者！

Answer 2

在Mac上，有OpenGL驱动程序监视器，可让您跟踪GPU内存使用情况以及GL驱动程序正在执行的操作。在Windows上，您可以使用DirectX工具来连接Chrome的GPU进程。它应该为您提供有关Windows上的WebGL活动的数据。Chrome浏览器正在使用ANGLE OpenGL-> DirectX转换器来驱动WebGL。