A javascript function to help detect what OS is accessing the page.
To use OS-Detect.js, first include the script in your head element:
<head>
<script type="text/javascript" src="https://oxmc.is-a.dev/OS-Detect.js/OS-Detect.min.js"></script>
</head>Depending on what OS you want to detect change or modify this to fit your needs,
If you want to detect for windows:
<script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
if (OS.Type == "Windows") {
alert("OS is windows");
} else {
alert("OS is not windows");
};
};
</script>If you want to detect for Iphone, Ipad, or Ipod:
<script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
if (OS.ISIOS == "True") {
alert("OS is IOS");
} else {
alert("OS is not IOS");
};
};
</script>If you want to detect for MacOS:
<script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
if (OS.Type == "Mac") {
alert("OS is MacOS");
} else {
alert("OS is not MacOS");
};
};
</script>If you want to detect the OS version:
<script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
/* Get OS name and version */
alert(`OS is: ${OS.Name} version: ${OS.Version}`);
};
</script><script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
/* Get OS name and version */
alert(`OS is: ${OS.Name} version: ${OS.Version} IsMobile: ${OS.IsMobile}`);
//In console:
/*
Debug set to true, printing OS info OS-Detect.min.js:1:5101
OS: Windows OS
Version: 10
IsMobile: False OS-Detect.min.js:1:5152
*/
};
</script>OS-Detect only has 1 option as of now, debug: true or false
Prints the OS info in the console:
<script>
async function ShowOS() {
const OS = await DetectOS({debug: true});
console.log(`OS: ${OS.Name}\nBrowser: ${OS.Browser}\nIsMobile: ${OS.IsMobile}`);
//In console:
/*
Debug set to true, printing OS info OS-Detect.min.js:1:5101
OS: Windows OS
Browser: Firefox 97
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:97.0) Gecko/20100101 Firefox/97.0 OS-Detect.min.js:1:5152
*/
};
</script>You can use an async function like this:
function ShowOSInfo(OS) {
console.log(`OS: ${OS.Name}\nBrowser: ${OS.Browser}\nUserAgent: ${OS.UserAgent}`);
};
(async () => {
var info = await DetectOS({debug: true});
console.log(info);
//Deal with info here, call function to handle data etc.
//function call:
ShowOSInfo(info);
})();