projassets

OS-Detect.js

A javascript function to help detect what OS is accessing the page.

Example

How to use

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>

Get OS

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>

Get OS Version

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>

Check if device is mobile:

<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>

Options:

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>

Detect OS without button or function call:

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);
})();

This site is open source. Improve this page.