Detect MacOS, iOS, Windows, Android and Linux OS with JS [duplicate]

by

I learnt a lot about window.navigator object and its properties: platform, appVersion and userAgent. To my mind, it’s almost impossible to detect user’s OS with 100% sure, but in my case 85%-90% was enough for me.

So, after examining tons of the stackoverflows’ answers and some articles, I wrote something like this:

function getOS() {
  var userAgent = window.navigator.userAgent,
      platform = window.navigator?.userAgentData?.platform || window.navigator.platform,
      macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
      windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
      iosPlatforms = ['iPhone', 'iPad', 'iPod'],
      os = null;

  if (macosPlatforms.indexOf(platform) !== -1) {
    os="Mac OS";
  } else if (iosPlatforms.indexOf(platform) !== -1) {
    os="iOS";
  } else if (windowsPlatforms.indexOf(platform) !== -1) {
    os="Windows";
  } else if (/Android/.test(userAgent)) {
    os="Android";
  } else if (/Linux/.test(platform)) {
    os="Linux";
  }

  return os;
}

alert(getOS());

Inspiration:

  1. What is the list of possible values for navigator.platform as of today?
  2. Best way to detect Mac OS X or Windows computers with JavaScript or jQuery
  3. How to detect my browser version and operating system using JavaScript?
  4. How to detect Browser and Operating System Name and Version using javaScript

Also I used the lists of mobile and desktop browsers to test my code:

  1. List of all Mobile Browsers
  2. List of all Browsers

This code works properly. I tested it on all the OS: MacOS, iOS, Android, Windows and UNIX, but I can’t guarantee 100% sure.

More Related Contents:

  1. How to find the operating system details using JavaScript?
  2. How to detect my browser version and operating system using JavaScript?
  3. Detect 64-bit or 32-bit Windows from User Agent or Javascript?
  4. jQuery/Javascript to detect OS without a plugin?
  5. Simple Javascript validation function [closed]
  6. I want to change texts which have same color without use any class/id etc. via JS [closed]
  7. Facebook JS SDK’s FB.api(‘/me’) method doesn’t return the fields I expect in Graph API v2.4+
  8. Take a screenshot of a webpage with JavaScript?
  9. What does ‘:’ (colon) do in JavaScript?
  10. How do I correctly detect orientation change using Phonegap on iOS?
  11. Prevent Page Load on Jquery Form Submit with None Display Button
  12. Resolving require paths with webpack
  13. How to add/subtract dates with JavaScript?
  14. Benefits of loading JS at the bottom as opposed to the top of the document
  15. Restricting character length in a regular expression
  16. How to check if an object is a Promise?
  17. JS – get image width and height from the base64 code
  18. jQuery – How to select by attribute
  19. Matching accented characters with Javascript regexes
  20. Best way to convert string to array of object in javascript?
  21. What does “./bin/www” do in Express 4.x?
  22. Override a setter, and the getter must also be overridden
  23. How to keep the browser history in sync when using Ajax?
  24. Rock, Paper, Scissors, Lizard, Spock in JavaScript
  25. What does the Array method `reduce` do?
  26. prevent form submission (javascript)
  27. get all the elements of a particular form
  28. Detect if dropdown navigation would go off screen and reposition it
  29. AngularJS: lazy loading controllers and content
  30. Converting sanitised html back to displayable html

Leave a Comment