如何測量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。