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获取本机操作系统类型的方法,希望这些示例能对读者有所帮助。
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
