js 判断 操作系统

JavaScript 判断操作系统：前端开发中的关键技能

在Web开发中，了解用户所使用的操作系统对于实现功能定制和优化用户体验至关重要。JavaScript 提供了多种方法来检测用户的操作系统。本文将详细介绍如何使用JavaScript来判断操作系统，并探讨一些常用的方法和技巧。

一、使用 navigator.userAgent 属性

```javascript

function getOS() {

var userAgent = navigator.userAgent || navigator.vendor || window.opera;

// Windows, Windows NT, Windows 98, etc.

if (/windows|win32/i.test(userAgent)) {

return 'Windows';

}

// Mac OS X, Mac OS, etc.

if (/macintosh|mac os x/i.test(userAgent)) {

return 'Mac OS';

}

// iOS

if (/iphone|ipad|ipod/i.test(userAgent) && !window.MSStream) {

return 'iOS';

}

// Android

if (/android/i.test(userAgent)) {

return 'Android';

}

// Linux

if (/linux/i.test(userAgent)) {

return 'Linux';

}

// Unknown

return 'Unknown';

console.log(getOS());

上述代码通过检查 `userAgent` 字符串中的关键字来判断操作系统。这种方法简单易用，但可能不够准确，因为用户代理字符串可以被修改。

二、使用 Modernizr 库

Modernizr 是一个检测浏览器特性的JavaScript库，它也可以用来检测操作系统。通过添加特定的类到HTML元素中，Modernizr 可以告诉你浏览器是否支持某些特性，从而间接判断操作系统。

```html