Canvas、WebGL 调试功能在 2019 浏览器中不存在？

Question

我需要获得更详细的信息，以便比较我的 Canvas、WebGL 和其他 Canvas、WebGL 的工作原理。

所以我在浏览器的开发者工具中找了一个Canvas、WebGL可以调试和调查的功能。虽然 Canvas 和 WebGL 是常用技术，但他们的调试工具并没有找到太多。

据其官网介绍，Firefox 于 2014 年推出了 Canvas 调试工具，WebKit 于 2018 年推出了 Canvas 调试工具。

但是，最新版本的 Firefox 和 Chrome 没有这些功能。

我在 SO 上看到了很多线程，但它们要么是“安装旧浏览器”，要么是“使用其他人的扩展调试工具”。

但是，我不想安装太旧的浏览器。此外，某人创建的扩展调试工具大多无人维护（例如：WebGL-Inspector）。

目前是否有任何 Canvas、WebGL 调试器或检查器可以与最新的浏览器（Firefox、Chrome）一起使用？

Answer 1

我推荐 Spector js 作为 webGL 检查器。它是 chrome 扩展，允许您制作帧快照，然后检查许多有用的信息，例如 webGL 命令列表、上下文信息、渲染器状态等。

例如，您可以通过绘制调用检查帧的渲染方式，这在优化过程中非常有用。