<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;
This Pen doesn't use any external CSS resources.