如何使用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+ 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告