火狐提示WEBGL_debug_renderer_info已废弃，RENDERER具体指代什么？

这个提示是Firefox版本迭代过程中，接口改动和提示描述不严谨共同导致的歧义，具体说明如下：

• WEBGL_debug_renderer_info确实已经被Firefox列入废弃计划，你查询MDN时没有看到废弃标注，是当时文档更新没有同步浏览器版本变动导致的，后续MDN已经补充了相关废弃说明。
• 提示中提到的RENDERER并非新的WebGL扩展，而是WebGL 1.0标准就内置的原生常量，你不需要调用getExtension获取扩展，直接传入getParameter即可读取对应信息，对应替换关系如下：
  • 原debugInfo.UNMASKED_VENDOR_WEBGL → 标准常量gl.VENDOR
  • 原debugInfo.UNMASKED_RENDERER_WEBGL → 标准常量gl.RENDERER

兼容写法示例 #

你可以将原有代码调整为标准写法，即可消除提示：

var canvas = document.createElement('canvas');
var gl = canvas.getContext('webgl');

// 无需获取扩展，直接调用原生接口
var vendor = gl.getParameter(gl.VENDOR);
var renderer = gl.getParameter(gl.RENDERER);

console.log(vendor);
console.log(renderer);

额外注意事项 #

• Firefox废弃WEBGL_debug_renderer_info的核心原因是该扩展会返回真实的显卡硬件信息，可被用于用户浏览器指纹追踪，存在隐私风险。调整后标准VENDOR和RENDERER返回的是经过模糊处理的公开信息，如果你确实需要获取真实硬件信息，需要用户手动在about:config中开启webgl.enable-debug-renderer-info配置项。
• 目前Chrome、Edge等其他主流浏览器仍保留了WEBGL_debug_renderer_info扩展的支持，如果你需要做全浏览器兼容，可以先判断标准接口返回的信息是否满足需求，不满足的场景再降级尝试获取该扩展。

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