js获取客户端操作系统类型的方法【测试可用】

在Web开发中，有时需要根据客户端的操作系统类型来做一些不同的处理，比如适配不同的用户界面或者加载不同的资源文件。JavaScript提供了一些方法来获取客户端的操作系统类型，本文将详细阐述这些方法。

通过userAgent属性获取操作系统信息

在HTTP请求头中包含了一个User-Agent信息，它描述了请求的客户端的操作系统、应用程序类型、厂商等信息。因此，我们可以通过获取HTTP请求头中的User-Agent信息来获取客户端的操作系统类型。

以下是示例代码：

let userAgent = navigator.userAgent;
if(userAgent.indexOf("Windows NT 10.0")!= -1){
    console.log("Windows 10");
}else if(userAgent.indexOf("Windows NT 6.2") != -1){
    console.log("Windows 8");
}else if(userAgent.indexOf("Windows NT 6.1") != -1){
    console.log("Windows 7");
}else if(userAgent.indexOf("Windows NT 6.0") != -1){
    console.log("Windows Vista");
}else if(userAgent.indexOf("Windows NT 5.1") != -1){
    console.log("Windows XP");
}else if(userAgent.indexOf("Windows NT 5.0") != -1){
    console.log("Windows 2000");
}else if(userAgent.indexOf("Mac") != -1){
    console.log("Macintosh");
}else if(userAgent.indexOf("X11") != -1){
    console.log("Unix");
}else if(userAgent.indexOf("Linux") != -1){
    console.log("Linux");
}

上述示例代码中，我们通过获取navigator.userAgent属性来获取客户端的User-Agent信息，然后根据其中包含的关键字来判断客户端的操作系统类型，并输出对应的操作系统名称。

通过platform属性获取操作系统信息

除了通过navigator.userAgent属性来获取User-Agent信息外，还可以直接通过navigator.platform属性来获取客户端的操作系统类型。

以下是示例代码：

let platform = navigator.platform;
if(platform.indexOf('Win') != -1){
    console.log("Windows");
}else if(platform.indexOf('Mac') != -1){
    console.log("Macintosh");
}else if(platform.indexOf('Linux') != -1){
    console.log("Linux");
}else if(platform.indexOf('iPhone') != -1){
    console.log("iPhone");
}else if(platform.indexOf('iPad') != -1){
    console.log("iPad");
}else if(platform.indexOf('Android') != -1){
    console.log("Android");
}

上述示例代码中，我们通过获取navigator.platform属性来获取客户端的操作系统类型，并输出对应的操作系统名称。

总结

通过以上两种方法，我们可以获取客户端的操作系统类型，并根据不同的操作系统类型，进行一些不同的处理。需要注意的是，以上两种方式获取的操作系统信息，可能会被用户修改或篡改，因此可能会存在误判或者无法识别的情况，但通常情况下还是可以满足我们的需求的。