<p id="info"></p>
const ua = new UAParser();

let infohtml = '';

infohtml += 'OS name : '+ua.getOS().name+'<br>';
infohtml += 'OS version : '+ua.getOS().version+'<br>';
infohtml += 'Engine name : '+ua.getEngine().name+'<br>';
infohtml += 'Engine version : '+ua.getEngine().version+'<br>';
infohtml += 'Browser name : '+ua.getBrowser().name+'<br>';
infohtml += 'Browser major : '+ua.getBrowser().major+'<br>';
infohtml += 'Browser version : '+ua.getBrowser().version+'<br>';
infohtml += 'Device model : '+ua.getDevice().model+'<br>';
infohtml += 'Device type : '+ua.getDevice().type+'<br>';
infohtml += 'Device vendor : '+ua.getDevice().vendor+'<br>';
infohtml += 'CPU architecture : '+ua.getCPU().architecture+'<br>';

document.getElementById('info').innerHTML = infohtml;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.35/ua-parser.min.js