Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
use JavaScript to detect GPU used from within your browser
var canvas = document.createElement('canvas');
var gl;
var debugInfo;
var vendor;
var renderer;
try {
gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
} catch (e) {
if (gl) {
debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);
renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
// Sample output:
// » console.log(renderer);
// ATI Technologies Inc. AMD Radeon R9 M370X OpenGL Engine

This comment has been minimized.

Copy link

@mkateregga mkateregga commented Jul 23, 2019

Hello anyone,

I have a data set of webgl debugger renderer similar to what is generated by this webgl-detect-gpu.js. My interest is to try and detect from this data which one is malicious or fraudulent. Does anyone has an idea how I could do that using a python script or bash script?


This comment has been minimized.

Copy link

@FrancYescO FrancYescO commented Jun 4, 2021

If can be usefull to anyone:
changing line
gl = canvas.getContext('webgl', { powerPreference: "high-performance" }) || canvas.getContext('experimental-webgl', { powerPreference: "high-performance" });

allow you to create the canvas using the -if any- high performance GPU


This comment has been minimized.

Copy link

@SoumavaBanerjee SoumavaBanerjee commented Jun 6, 2021

Hey, thanks for putting this up! It really helped me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment