如何使用 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.