• 首页
  • 技术
  • 旅行
  • 车模
  • 关于

JZ's Blog

{技术, 绘画, 旅行, 摄影, 多肉}
  • 首页
  • 技术
  • 旅行
  • 车模
  • 关于
首页  /  技术  /  通过WebGL获取用户硬件信息
28 七月 2015

通过WebGL获取用户硬件信息

作者:jz1108
技术 WebGL 1 Comment

在运行WebGL程序时,我们可以拿到用户机器的一些硬件信息,尤其是显卡的信息。再结合程序的性能统计就能够分析出不同显卡对WebGL程序运行速度的影响,以便后续做进一步的优化。

那么怎么获取呢?代码如下:

function getHardwareInfo(gl) {
    var debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
    if (!debugInfo) {
        return null;
    }
    var vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);
    var renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
    return {
        vendor: vendor,
        renderer: renderer
    };
}

首先通过gl的getExtension方法获取一个扩展,前提是用户浏览器支持这个webgl扩展,如果扩展不存在则debugInfo为null,如果获取成功,进而通过属性UNMASKED_VENDOR_WEBGL和UNMASKED_RENDERER_WEBGL可获得vendor和renderer的信息,实际上就是显卡厂商和具体显卡的信息。如果你直接打印这两个属性会发现它们只是数字,通过调用gl.getParameter方法可以获得详细的描述信息。

规范上对vendor的的解释是:

Returns the company responsible for this WebGL implementation. This name does not change from release to release.

renderer的解释是:

Returns the name of the renderer. This name is typically specific to a particular configuration of a hardware platform. It does not change from release to release.

在我的电脑上,vendor和renderer分别是:

  • vendor:ATI Technologies Inc.
  • renderer:ATI Radeon HD 6490M OpenGL Engine

 Previous Article Large-scale JavaScript Architecture, the Survey
Next Article   懒人食谱之土豆和烤鸡肉

相关文章

  • iOS 13 Safari 的一些变化

    2019年11月13日
  • WebGL 文章汇总

    2019年9月12日
  • 高性能 WebGL —— 使用 ImageBitmap 提升纹理性能

    2019年3月24日

1 Comment

  1. 达达 Reply to 达达
    2021年5月18日 at 下午2:31

    这个好用!

留言

取消回复

近期文章

  • 记录一次解决 no buffer is bound to enabled attribute 报错的过程
  • TypeScript 中的装饰器
  • iOS 13 Safari 的一些变化
  • WebGL 文章汇总
  • 高性能 WebGL —— 使用 ImageBitmap 提升纹理性能

近期评论

  • lew发表在《WebGL绘制详解之五:Stencil Buffer》
  • jz1108发表在《WebGL基础绘制之一:绘制一个点》
  • jz1108发表在《WebGL 文章汇总》
  • xtx发表在《WebGL 文章汇总》
  • thy发表在《WebGL基础绘制之一:绘制一个点》

文章归档

  • 2021年三月
  • 2019年十一月
  • 2019年九月
  • 2019年三月
  • 2018年十二月
  • 2018年十一月
  • 2018年十月
  • 2017年十一月
  • 2017年十月
  • 2017年九月
  • 2017年五月
  • 2017年四月
  • 2017年三月
  • 2017年二月
  • 2017年一月
  • 2016年十一月
  • 2016年十月
  • 2016年四月
  • 2016年三月
  • 2016年二月
  • 2016年一月
  • 2015年十二月
  • 2015年十一月
  • 2015年十月
  • 2015年九月
  • 2015年八月
  • 2015年七月
  • 2015年六月
  • 2015年三月
  • 2014年十二月
  • 2014年十一月
  • 2014年十月
  • 2014年八月
  • 2014年七月
  • 2014年六月
  • 2014年五月
  • 2014年四月
  • 2014年三月
  • 2014年二月
  • 2014年一月
  • 2013年十二月
  • 2013年十一月
  • 2013年十月
  • 2013年九月
  • 2013年八月
  • 2013年七月
  • 2013年六月
  • 2013年五月
  • 2013年四月
  • 2013年三月
  • 2013年二月
  • 2013年一月
  • 2012年十二月
  • 2012年十月
  • 2012年九月
  • 2012年七月
  • 2012年六月
  • 2012年五月
  • 2012年一月
  • 2011年十一月
  • 2011年十月
  • 2011年九月
  • 2011年八月
  • 2011年七月
  • 2011年六月
  • 2011年五月
  • 2011年四月
  • 2011年二月
  • 2011年一月
  • 2010年十二月
  • 2010年十月
  • 2010年九月
  • 2010年六月
  • 2010年五月
  • 2010年四月
  • 2010年三月
  • 2010年二月
  • 2010年一月
  • 2009年十二月
  • 2009年十一月
  • 2009年九月
  • 2009年八月
  • 2009年六月
  • 2009年三月
  • 2009年二月
  • 2009年一月

分类目录

  • 地图API
  • 多肉
  • 开发
  • 技术
  • 摄影
  • 旅行
  • 未分类
  • 汽车
  • 绘画
  • 美食
  • 车模
  • 随笔

功能

  • 登录
  • 文章RSS
  • 评论RSS
  • WordPress.org
© Copyright 2015. Theme by BloomPixel.