WebGL Three.js诊断工具

WebGL Three.js diagnostic tools

本文关键字：工具 诊断 js Three WebGL      更新时间：2023-09-26

我昨天输入了一个问题，如果可能的话，我想改变策略，同时保持前一个线程的活力。（上一个问题是关于Three.js中的可变帧率。）

我不想直接回答这个问题，而是想知道WebGL/Three.js开发人员使用什么来诊断他们的代码（特别是发现性能瓶颈）。

我正在开始一个大型的长期项目，我想在这个过程中我会遇到各种各样的问题。我们如何在窗帘后面窥视？

我看到了一个相关的问题，来到WebGL Inspector，我将对此进行调查。只是在寻找所有的选择。我愿意花钱买专业的诊断工具。不惜一切代价。

谢谢。

您好，先生。

我使用：

  • chrome javascript探查器
  • 铬帆布检查(http://www.html5rocks.com/en/tutorials/canvas/inspection/)
  • 偶尔尝试一下webgl检查器之类的工具，但它似乎不如chrome的canvas检查器好

还有：

  • javascript的标准评测技术，使用未经优化的代码查看评测过程中各处发生了什么
  • 基本的健全性检查：对于帧速率问题，请确保您的帧翻转运行循环代码符合要求。标准做法是使用requestAnimationFrame
  • 确保你的画布没有被拉伸

我还没有尝试将纯桌面opengl类型的调试器（例如nvidia-nsight）应用于浏览器内运行的webgl。

相关文章：