User Agent: <span id="agent"></span><br />
Height: <span id="height"></span> <br />
Width: <span id="width"></span> <br />
Pixelratio: <span id="ratio"></span> <br />
Renderer: <span id="renderer"></span>
var canvas = document.createElement("canvas");
if (canvas) {
    var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
    if (context) {
        var info = context.getExtension("WEBGL_debug_renderer_info");
        if (info) {
            var renderer = context.getParameter(info.UNMASKED_RENDERER_WEBGL);
            document.getElementById("renderer").innerHTML = renderer;
        }
    }
}

 document.getElementById("height").innerHTML = window.screen.height;
 document.getElementById("width").innerHTML = window.screen.width;
 document.getElementById("ratio").innerHTML = window.devicePixelRatio;
 document.getElementById("agent").innerHTML = navigator.userAgent;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.