如何使用 Javascript 檢測瀏覽器的版本?


在本文中,我們將討論如何使用 JavaScript 檢測瀏覽器的版本。

如今,大多數瀏覽器都啟用了 JavaScript。但是,仍然有一些瀏覽器不支援 JavaScript;或者,某些瀏覽器的某些版本不支援 JavaScript 的某些功能。

因此,在某些情況下,需要了解客戶端 Web 瀏覽器的詳細資訊,以便應用程式可以提供適當的內容。

檢測瀏覽器的版本

您可以使用 `navigator.appName` 和 `navigator.appVersion` 屬性來檢測當前瀏覽器的詳細資訊。

要在 JavaScript 中檢測瀏覽器的版本,我們需要使用 **`navigator.appVersion`** 或 **`navigator.userAgent`**。`navigator.appVersion` 是一個只讀屬性,它返回一個字串,表示瀏覽器的版本資訊。

示例 1

在下面的示例中,我們演示瞭如何使用 **`navigator.appVersion`** 來查詢瀏覽器的版本和詳細資訊。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Navigator</title>
</head>
<body>
   <h3>Navigator appVersion</h3>
   <p id="demo"></p>
   <button onclick="browserVersion()"> Return Browser varsion </button>
   <script>
      function browserVersion(){
        var v = "Version: " + navigator.appVersion;
        document.getElementById("demo").innerHTML = v;
      }
   </script>
</body>
</html>

示例 2

在下面的示例中,我們演示瞭如何使用 **`navigator.userAgent`** 來查詢瀏覽器的版本和詳細資訊。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Navigator</title>
</head>
<body>
<h3>Navigator userAgent</h3>
<p id="demo"></p>
<button onclick="browserVersion()"> Return Browser version </button>
   <script>
     function browserVersion() {
        //var v = "Version: " + navigator.appVersion;
        var v = "Version: " + navigator.userAgent;
        document.getElementById("demo").innerHTML = v;
     }
   </script>
</body>
</html>

更新於:2022-12-19

5K+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.