WEBGL_debug_render_info扩展在getSupportedExtensions中显示但无法使用

你遇到的问题是因为WEBGL_debug_render_info属于WebGL调试类扩展，浏览器出于安全和性能考虑，默认不会直接开放该扩展的访问权限——哪怕getSupportedExtensions()返回的列表里包含它。

解决方法一：创建WebGL上下文时启用调试模式 #

修改代码中获取WebGL上下文的语句，添加debug: true参数，明确请求调试上下文：

var gl = canvas.getContext('webgl', { debug: true });

主流浏览器（Chrome、Opera等）均支持该参数，开启后就能正常获取调试扩展。

解决方法二：开启浏览器的调试扩展开关（以Chrome为例） #

• 在地址栏输入 chrome://flags/#webgl-debug-renderer-info
• 将该选项设置为「Enabled」
• 重启浏览器，无需修改代码即可获取WEBGL_debug_render_info扩展

补充注意事项 #

• 部分浏览器要求页面在本地环境（file://协议）下运行，或打开开发者工具时，才能正常获取该调试扩展
• 这类调试扩展仅适合开发阶段使用，生产环境建议禁用，避免不必要的性能损耗

内容的提问来源于stack exchange，提问作者Jhon