检测浏览器是否开启硬件加速

ZTao-z

已于 2023-01-18 14:36:41 修改

阅读量2k

点赞数 2

分类专栏：前端文章标签： javascript 前端

于 2022-08-04 14:33:15 首次发布

本文链接：https://blog.csdn.net/think_A_lot/article/details/126158947

版权

前端专栏收录该内容

60 篇文章 2 订阅

订阅专栏

文章转载自我自己的小破站，欢迎大佬们进来瞧一瞧

原理

使用浏览器支持的WEBGL API返回相关信息，具体可以查看 MDN文档

一般我们用到下面两个参数：

ext.UNMASKED_VENDOR_WEBGL：图形驱动程序的供应商字符串。
ext.UNMASKED_RENDERER_WEBGL：图形驱动程序的渲染器字符串。Safari默认开启GPU加速且无法关闭，可以跳过检测；谷歌浏览器在关闭硬件加速的情况下，渲染器名称会返回类似 SwiftShader driver，开启则返回当前使用的GPU相关信息。

代码

function isGPUAcceleratorEnabled() {
  const canvas = document.createElement('canvas');
  const gl = canvas.getContext('webgl');
  if (gl) {
    const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
    if (debugInfo) {
      // const vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);
      const renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
      return !/SwiftShader/gi.test(renderer);
    }
  }
  return false;
}