WebGL调试工具分享

学习WebGL，我们需要一些好用的调试工具，下面分享3个常用的调试工具。

WebGL Inspector

下载地址：https://github.com/benvanik/WebGL-Inspector

Clone或下载好该项目之后，先执行core/buildextensions.sh，执行好之后，在Chrome中安装解压后的扩展，选择core/extensions/chrome文件夹即可；

不使用扩展的话，可以采用嵌入代码的方式来使用，可以查看主页的说明；

Spector.js

下载地址：https://github.com/BabylonJS/Spector.js

可以直接到Chrome商店下载（需要FQ），不能FQ的小伙伴可以用Firefox，去火狐的商店下载安装即可；

不使用扩展的话，同样也可以采用嵌入代码的方式来使用，可以查看主页的说明；

后面发现火狐下架了这个插件，这里提供可使用的下载地址：https://hammerc.github.io/dou3d-ts/tools/spector.js.xpi

WebGL Insight

下载地址：https://github.com/3Dparallax/insight

需要到Chrome商店下载（需要FQ），不能FQ的小伙伴估计用不了这个插件了；

stats.js

下载地址：https://www.npmjs.com/package/stats-js

显示当前页面的性能信息；