snifferjs
Version:
Browser/engine/os/device detection tool
94 lines (79 loc) • 2.84 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="msapplication-tap-highlight" content="no">
<style>
#test_console {
margin-bottom: 1.5rem;
}
#test_console p {
font-size: 0.8em;
font-family: Consolas, Monaco, 'Andale Mono', monospace, serif;
padding: 0.5em;
margin: 0;
border-bottom: 1px solid white;
}
#test_console .info {
background: #f5f5f5;
}
#test_console .warning {
color: white;
background: #eec507;
}
#test_console .error {
color: white;
background: #ee6907;
}
</style>
<title>Test</title>
<script src="../dist/sniffer.js"></script>
</head>
<body>
<div id="test_console">
</div>
<script>
var testConsole = {
log: function(message) {
this.add(message, 'info');
},
warn: function(message) {
this.add(message, 'warning');
},
error: function(message, source, file) {
this.add([message, source, file].join('<br>'), 'error');
},
add: function(message, type) {
var consoleBlock = document.getElementById('test_console');
if (consoleBlock) {
if (typeof message !== 'string') message = '<i>' + message + '</i>';
consoleBlock.innerHTML += '<p class=' + type + '>' + message + '</p>';
}
else {
console.warn('No test console block');
}
}
};
testConsole.log('<b>User Agent</b><br>'+navigator.userAgent);
testConsole.log('<b>HTML class</b><br>'+document.getElementsByTagName('html')[0].className);
testConsole.log('<b>Sniff.os.fullName</b><br>'+Sniff.os.fullName);
testConsole.log('<b>Sniff.os.name</b><br>'+Sniff.os.name);
testConsole.log('<b>Sniff.os.versionName</b><br>'+Sniff.os.versionName);
testConsole.log('<b>Sniff.os.version</b><br>'+Sniff.os.version);
testConsole.log('<b>Sniff.os.majorVersion</b><br>'+Sniff.os.majorVersion);
testConsole.log('<b>Sniff.os.minorVersion</b><br>'+Sniff.os.minorVersion);
testConsole.log('<b>Sniff.os.patchVersion</b><br>'+Sniff.os.patchVersion);
testConsole.log('<b>Sniff.browser.fullName</b><br>'+Sniff.browser.fullName);
testConsole.log('<b>Sniff.browser.name</b><br>'+Sniff.browser.name);
testConsole.log('<b>Sniff.browser.engine</b><br>'+Sniff.browser.engine);
testConsole.log('<b>Sniff.browser.version</b><br>'+Sniff.browser.version);
testConsole.log('<b>Sniff.browser.majorVersion</b><br>'+Sniff.browser.majorVersion);
testConsole.log('<b>Sniff.browser.minorVersion</b><br>'+Sniff.browser.minorVersion);
testConsole.log('<b>Sniff.browser.patchVersion</b><br>'+Sniff.browser.patchVersion);
for (var prop in Sniff.features) {
testConsole.log('<b>Sniff.features.'+prop+':</b><br>'+Sniff.features[prop]);
}
</script>
</body>
</html>