如何使用JavaScript查找客户端机器的操作系统？

可以使用JavaScript中的一些函数来检测客户端机器中使用的操作系统类型。下面将讨论不同的函数。

使用navigator.appVersion

此属性将以字符串的形式返回有关浏览器和正在使用的操作系统的信息。

语法

navigator.appVersion的语法如下所示。

navigator.appVersion

示例1

此示例演示了使用navigator.appVersion检测客户端操作系统的用法。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <h2>Click to get the operating system</h2>
   <button ondblclick="operSys()">
      Operating System
   </button>
   <p id="OS"></p>
   <script>
      function operSys() {
         var OperSysName="Unknown OS";
         if (navigator.appVersion.indexOf("Win")!=-1) OperSysName="Windows";
         if (navigator.appVersion.indexOf("Mac")!=-1) OperSysName="MacOS";
         if (navigator.appVersion.indexOf("X11")!=-1) OperSysName="UNIX";
         if (navigator.appVersion.indexOf("Linux")!=-1) OperSysName="Linux";
         document.getElementById("OS").innerHTML = "The current operating system used in this machine is " + OperSysName;
      }
   </script>
</body>
</html>

您可以观察到，执行上述代码时，浏览器上将显示一个按钮。

单击按钮将打印底层操作系统。

示例2

以下是此方法的另一个示例：

<!DOCTYPE html>
<html>
<head>
</head>
<body style="text-align:center;">
   <h1>Click the button to get type Operating system</h1>
   <button ondblclick="version()">
      OS Version
   </button>
   <p id="OS"></p>
   <script>
      function version() {
         var os = navigator.appVersion;
         
         // Display the OS details
         document.getElementById("OS").innerHTML = os;
      }
   </script>
</body>
</html>

执行上述程序时，它将显示一个名为操作系统版本的按钮。

单击此按钮将显示操作系统版本。

使用navigator.userAgent

这是一个用于返回客户端机器的操作系统并以字符串形式返回它的属性。

语法

以下是上述方法的语法。

navigator.userAgent

使用此方法检测操作系统时字符串的结构如下：

userAgent = appCodeName/appVersion number (Platform; Security; OS-or-CPU;
Localization; rv: revision-version-number) product/productSub
Application-Name Application-Name-version

示例1

此示例演示了如何使用navigator.userAgent获取客户端机器的操作系统。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>For checking the browser's User-agent header name, double click the "Check Operating System" button:</p>
   <button ondblclick="checkOS()">
      Check Operating System
   </button>
   <p id="header"></p>
   <script>
      function checkOS() {
         var u =
            "User-agent header sent by the browser : " +
            navigator.userAgent;
         document.getElementById("header").innerHTML = u;
      }
   </script>
</body>
</html>

单击按钮将显示浏览器和操作系统的版本以及其他信息。

示例2

以下是navigator.userAgent的另一个示例。

<!DOCTYPE html>
<html>
<body>
   <h1>To get Operating System</h1>
   <h2>Method-userAgent Property</h2>
   <p id="demo"></p>
   <script>
      document.getElementById("demo").innerHTML = "The Operating system of the client machine is:<br>" + navigator.userAgent;
   </script>
</body>
</html>

更新于：2022年8月26日

1K+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告