JavaScript获取客户端操作系统类型及实用工具推荐
本文介绍利用JavaScript的navigator.userAgent属性判断客户端操作系统类型的方法,包含完整检测逻辑与示例代码。同时推荐本站提供的IP归属地查询、代码格式化、JSON处理等实用在线工具,辅助前端开发工作。
JavaScript获取操作系统类型方法
本文详细介绍一种通过JavaScript获取客户端操作系统类型的方法,供开发者参考使用。
操作系统检测代码示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js判断客户端操作系统类型</title>
</head>
<body>
<script language="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 "MacOS";
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 "Windows2000";
var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
if (isWinXP) return "WindowsXP";
var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
if (isWin2003) return "Windows2003";
var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
if (isWinVista) return "Windows Vista";
var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
if (isWin7) return "Windows7";
}
return "other";
}
document.writeln("您的操作系统是:" + detectOS());
</script>
</body>
</html>
IP查询工具中的系统判断应用
此外,本站的IP归属地查询工具也采用了相同的原理来识别用户的操作系统类型。具体实现如下:
IP地址归属地在线查询工具: http://tools.jb51.net/aideddesign/ipcha
实用JavaScript在线工具推荐
以下推荐几款常用的JavaScript在线格式化工具,这些工具在日常开发中非常实用:
C语言风格/HTML/CSS/json代码格式化美化工具: http://tools.jb51.net/code/ccode_html_css_json
在线JavaScript代码美化、格式化工具: http://tools.jb51.net/code/js
JavaScript代码美化/压缩/格式化/加密工具: http://tools.jb51.net/code/jscompress
在线JSON代码检验、检验、美化、格式化工具: http://tools.jb51.net/code/json
json代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat
如需了解更多JavaScript相关内容,可参考本站系列教程:《JavaScript中ajax操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》。
希望本文提供的信息对您的JavaScript编程有所帮助。
JS创建数组的两种方式:字面量[]与new Array()的区别
2026-11-05 18:02:28
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
