JavaScript 如何检测客户端机器上的操作系统
要检测客户端机器上的操作系统,可以简单地使用navigator.appVersion或navigator.userAgent属性。Navigator appVersion属性是只读属性,它返回一个表示浏览器版本信息的字符串。
语法
navigator.appVersion
示例1: 此示例使用navigator.appVersion属性来显示操作系统的名称。
<!DOCTYPE html>
<html>
<head>
<title>
How to detect operating system on the
client machine using JavaScript ?
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">GeeksforGeeks</h1>
<button ondblclick="operatingSytem()">
Return Operating System Name
</button>
<p id="OS"></p>
<!-- Script to display the OS name -->
<script>
function operatingSytem() {
let OSName = "Unknown OS";
if (navigator.appVersion.indexOf("Win") != -1) OSName = "Windows";
if (navigator.appVersion.indexOf("Mac") != -1) OSName = "MacOS";
if (navigator.appVersion.indexOf("X11") != -1) OSName = "UNIX";
if (navigator.appVersion.indexOf("Linux") != -1) OSName = "Linux";
// Display the OS name
document.getElementById("OS").innerHTML = OSName;
}
</script>
</body>
</html>
输出:
在点击按钮之前:
点击按钮后:
示例2: 这个示例使用navigator.appVersion属性来显示客户端机器的所有属性。
<!DOCTYPE html>
<html>
<head>
<title>
How to detect operating system on the
client machine using JavaScript ?
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">GeeksforGeeks</h1>
<button ondblclick="version()">
Return OS Version
</button>
<p id="OS"></p>
<!-- Script to return OS details -->
<script>
function version() {
let os = navigator.appVersion;
// Display the OS details
document.getElementById("OS").innerHTML = os;
}
</script>
</body>
</html>
输出:
点击按钮之前:
点击按钮后: