JavaScript获取本机操作系统类型的两种实现方式

作者:纸飞机时间:2026-10-29 18:59:14浏览:602

本文介绍了使用JavaScript获取本机操作系统类型的两种常用方法。第一种通过解析navigator.platform和userAgent判断Windows、Mac、Unix及Linux系统;第二种利用navigator属性结合switch语句进行更细致的分类。代码示例展示了如何识别系统位数及具体版本,适用于前端环境检测场景。

JavaScript获取操作系统类型的方法概述

在Web开发中,有时需要获取用户设备的操作系统信息。虽然可以通过简单的交互触发,但如何利用JavaScript准确获取本机操作系统类型呢?下面通过具体的代码示例进行简要介绍,旨在为有相关需求的技术人员提供参考。

基于Navigator属性的系统识别逻辑


function GetOSInfo()
{ 
 var _pf=navigator.platform; 
 var appVer=navigator.userAgent; 
 if(_pf=="Win32" || _pf == "Windows") 
 { 
  if(appVer.indexOf("WOW64")>-1)
  { 
   _bit = "64位"; 
  }
  else
  { 
   _bit = "32位"; 
  } 
  if(appVer.indexOf("Windows NT 6.0") > -1 || appVer.indexOf("Windows Vista") > -1) 
  { 
   if(_bit=='64位' || appVer.indexOf("Windows Vista") > -1)
   { 
    return 'Windows_vista '+_bit; 
   }
   else
   { 
    return "Unknow1"; 
   } 
  }
  else if(appVer.indexOf("Windows NT 6.1") > -1 || appVer.indexOf("Windows 7") > -1) 
  { 
   if(_bit=='32位' || appVer.indexOf("Windows 7") > -1)
   { 
    return 'Windows_7 '+_bit; 
   }
   else
   { 
    return "Unknow"; 
   } 
  }
  else
  { 
   try
   { 
    var _winName = Array('2000','XP','2003'); 
    var _ntNum = appVer.match(/Windows NT 5.\d/i).toString(); 
    return 'Windows_' + _winName[_ntNum.replace(/Windows NT 5.(\d)/i,"$1")]+" "+_bit; 
   }
   catch(e)
   {
    return 'Windows';
   } 
  } 
 }
 else if(_pf == "Mac68K" || _pf == "MacPPC" || _pf == "Macintosh") 
 { 
  return "Mac"; 
 }
 else if(_pf == "X11") 
 { 
  return "Unix"; 
 }
 else if(String(_pf).indexOf("Linux") > -1) 
 { 
  return "Linux"; 
 }
 else
 { 
  return "Unknow"; 
 } 
}

第二种检测方案

第二种实现方法如下所示:

基于UserAgent的分支判断实现


<script type="text/javascript">
//获取客户端操作系统类型 
function detectOS() { 
  var sUserAgent = navigator.userAgent; 
  var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); 
  var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); 
  if (isMac) return "Mac"; 
  var isUnix = (navigator.platform == "X11") && !isWin && !isMac; 
  if (isUnix) return "Unix"; 
  var isLinux = (String(navigator.platform).indexOf("Linux") > -1); 
  if (isLinux) return "Linux"; 
  if (isWin) { 
    var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; 
    if (isWin2K) return "Win2000"; 
    var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1; 
    if (isWinXP) return "WinXP"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; 
    if (isWin2003) return "Win2003"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; 
    if (isWin2003) return "WinVista"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; 
    if (isWin2003) return "Win7"; 
  } 
  return "None"; 
} 
function locationHref(e){
 switch(e){
 case 'Mac':
 window.location.href='http://www.baidu.com';
 break;
 case 'Unix':
 window.location.href='http://tieba.baidu.com';
 break;
 case 'Linux':
 window.location.href='http://map.baidu.com';
 break;
 case 'Win2000':
 window.location.href='http://mp3.baidu.com';
 break;
 case 'WinXP':
 window.location.href='http://baike.baidu.com';
 break;
 case 'Win2003':
 window.location.href='http://zhidao.baidu.com';
 break;
 case 'WinVista':
 window.location.href='http://hi.baidu.com';
 break;
 case 'Win7':
 window.location.href='http://video.baidu.com';
 break;
 default :
 window.location.href='http://www.hao123.com/';
 break;
 }
 }
</script><script type="text/javascript">var kk=detectOS();alert(kk);/*locationHref(kk);*/</script>

以上介绍了两种通过JavaScript获取本机操作系统类型的方法,希望这些示例能对读者有所帮助。

作者最新文章