如何使用 Javascript 检测浏览器的版本?

javascriptfront end technologyobject oriented programming

在本文中,我们将讨论如何使用 JavaScript 检测浏览器的版本。

如今,大多数浏览器都支持 JavaScript。但仍有一些浏览器不支持 JavaScript;或者,某些浏览器的某些版本不支持 JavaScript 的某些功能。

因此,在某些情况下,需要了解客户端 Web 浏览器的详细信息,以便应用程序可以提供适当的内容。

检测浏览器的版本

您可以使用 navigator.appName 和 navigator.appVersion 属性检测当前浏览器的详细信息。

要在 JavaScript 中检测浏览器的版本,我们需要使用navigator.appVersionnavigator.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>

相关文章