用JS检测MacOS、iOS、Windows、Android和Linux操作系统

2022-01-11 00:00:00 operating-system javascript

如何使用 JavaScript 检测 MacOS X、iOS、Windows、Android 和 Linux 操作系统?

How to detect MacOS X, iOS, Windows, Android and Linux operating system with JavaScript?

推荐答案

我学到了很多关于 window.navigator 对象及其属性:platform, appVersion 和 userAgent.在我看来，几乎不可能 100% 确定地检测到用户的操作系统，但在我的情况下，85%-90% 对我来说已经足够了.

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.

因此，在查看了大量 stackoverflows 的答案和一些文章后，我写了这样的内容:

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.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 (!os && /Linux/.test(platform)) {
    os = 'Linux';
  }

  return os;
}

alert(getOS());

灵感:

  1. 什么是navigator.platform 截至今天的可能值列表?
  2. 最佳使用 JavaScript 或 jQuery 检测 Mac OS X 或 Windows 计算机的方法
  3. 如何检测我的浏览器版本和使用 JavaScript 的操作系统?
  4. 如何检测浏览器和使用 javaScript 的操作系统名称和版本

我还使用了移动和桌面浏览器列表来测试我的代码:

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

  1. 所有移动浏览器列表
  2. 所有浏览器列表

此代码可以正常工作.我在所有操作系统上进行了测试:MacOS、iOS、Android、Windows 和 UNIX，但我不能保证 100% 确定.

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

相关文章