如何使用 JavaScript 检测客户端机器上的操作系统？

我们经常需要根据不同的操作系统采取不同的措施。在 web 应用程序中，我们可以使用 JavaScript 来检测客户端机器的操作系统。

使用 userAgent 来检测操作系统

在 JavaScript 中，我们可以使用 navigator.userAgent 属性来获取客户端机器的浏览器信息，从而判断操作系统。

const ua = navigator.userAgent.toLowerCase();

if (ua.indexOf("windows") !== -1) {
  console.log("Windows 操作系统");
} else if (ua.indexOf("mac os") !== -1) {
  console.log("macOS 操作系统");
} else if (ua.indexOf("linux") !== -1) {
  console.log("Linux 操作系统");
} else if (ua.indexOf("android") !== -1) {
  console.log("Android 操作系统");
} else if (ua.indexOf("ios") !== -1) {
  console.log("iOS 操作系统");
} else {
  console.log("未知操作系统");
}

代码中，我们首先使用 toLowerCase() 方法将 userAgent 字符串转换为小写，然后通过判断字符串中包含某些特定关键词来确定操作系统类型。

为了能够更精确地匹配操作系统类型，我们可以从 userAgent 字符串中提取更多的信息。

下面是一个更详细的例子：

const ua = navigator.userAgent.toLowerCase();

let os = "未知操作系统";

if (ua.indexOf("windows nt 10") !== -1) {
  os = "Windows 10";
} else if (ua.indexOf("windows nt 6.3") !== -1) {
  os = "Windows 8.1";
} else if (ua.indexOf("windows nt 6.2") !== -1) {
  os = "Windows 8";
} else if (ua.indexOf("windows nt 6.1") !== -1) {
  os = "Windows 7";
} else if (ua.indexOf("windows nt 6.0") !== -1) {
  os = "Windows Vista/Server 2008";
} else if (ua.indexOf("windows nt 5.2") !== -1) {
  os = "Windows Server 2003";
} else if (ua.indexOf("windows nt 5.1") !== -1) {
  os = "Windows XP";
} else if (ua.indexOf("windows nt 5.0") !== -1) {
  os = "Windows 2000";
} else if (ua.indexOf("windows") !== -1) {
  os = "Windows";
} else if (ua.indexOf("macintosh") !== -1) {
  os = "macOS";
} else if (ua.indexOf("linux") !== -1) {
  os = "Linux";
} else if (ua.indexOf("android") !== -1) {
  os = "Android";
} else if (ua.indexOf("ios") !== -1) {
  os = "iOS";
}

console.log(`操作系统：${os}`);

这个例子中，我们针对不同版本的 Windows 操作系统，匹配了更具体的字符串。同样地，我们也可以匹配更多的操作系统类型，以便更准确地判断操作系统。

总结

使用 JavaScript 来检测客户端机器的操作系统，通常我们会根据 userAgent 字符串中包含的特定关键词或更具体的字符串来匹配操作系统类型。通过这种方式，我们可以根据不同的操作系统采取不同的措施，提高用户体验。