如何在浏览器端通过JavaScript获取显卡驱动名称？

嘿，我来帮你搞定这个问题！在浏览器端获取你需要的那种GPU渲染器字符串，完全可以用原生JavaScript结合WebGL实现——全程开源，不需要依赖任何第三方库，包括你提到的augur.io。

原生WebGL方案（最靠谱的选择） #

浏览器的WebGL API原生支持获取GPU的硬件信息，这是目前最稳定且无依赖的方法。下面是一段可以直接运行的代码：

function getGPUInfo() {
  // 创建临时canvas（无需添加到页面DOM）
  const canvas = document.createElement('canvas');
  // 尝试获取WebGL上下文，兼容旧版浏览器的experimental-webgl
  const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
  
  if (!gl) {
    return 'WebGL未被支持，无法获取GPU信息';
  }
  
  // 获取你需要的渲染器完整描述字符串
  const renderer = gl.getParameter(gl.RENDERER);
  // 可选：获取GPU厂商信息
  const vendor = gl.getParameter(gl.VENDOR);
  
  return {
    renderer: renderer,
    vendor: vendor
  };
}

// 使用示例
const gpuInfo = getGPUInfo();
console.log(gpuInfo.renderer);
// 输出示例: Intel Open Source Technology Center Mesa DRI Intel(R) HD Graphics 520 (Skylake GT2)

代码细节说明 #

• 临时创建的canvas只是用来获取WebGL上下文，不需要显示在页面上，用完会自动被垃圾回收。
• gl.getParameter(gl.RENDERER) 是核心：它直接返回GPU渲染器的完整标识字符串，格式完全符合你的需求。
• 做了WebGL兼容性判断，避免极少数不支持WebGL的浏览器报错。

兼容性 #

这个方法支持所有现代浏览器（Chrome、Firefox、Safari、Edge等），甚至一些较旧的浏览器也能通过experimental-webgl上下文正常工作。

额外补充：更多GPU信息 #

如果需要获取更多GPU相关参数，还可以用WebGL的这些API：

• gl.getParameter(gl.VERSION): WebGL版本信息
• gl.getParameter(gl.SHADING_LANGUAGE_VERSION): 着色器语言版本
• gl.getParameter(gl.MAX_TEXTURE_SIZE): 支持的最大纹理尺寸

这些都是原生浏览器API，完全开源无依赖，完美匹配你的需求。

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