如何检测浏览器的版本？

本文包括在支持 JavaScript 的 Web 浏览器中进行浏览器检测的基本理论和技术。

描述：尽管大多数脚本可以在支持 JavaScript 的 Web 浏览器上运行，但有些东西在某些浏览器上不起作用，即它们依赖于浏览器，并且在某些情况下旧的 Web 浏览器不支持某些脚本。
在某些情况下，了解客户端的 Web 浏览器以适当地传送某些内容或信息变得非常重要。基本上，它可以让您知道客户端 Web 浏览器的版本和名称，这里我们需要为不同的浏览器编写不同的函数以进行检测。

浏览器检测：主要有两个对象用于浏览器检测，如下所示：

• navigator.appName
• navigator.app 版本

第一个对象的目的是确定网络浏览器，而第二个对象的目的是确定网络浏览器的版本。

例如，如果浏览器是 Mozilla Firefox，navigator.appName 返回字符串“Mozilla Firefox”。如果是 Internet Explorer，navigator.appName 返回字符串“Microsoft Internet Explorer”。使用这两个对象，我们可以创建一个警告框来显示客户端正在使用的 Web 浏览器，并且该导航器对象包含有关 Web 浏览器版本、名称等的所有信息。

例子：

Javascript

  

    
        var objappVersion = navigator.appVersion;
        var browserAgent = navigator.userAgent;
        var browserName = navigator.appName;
        var browserVersion = '' + parseFloat(navigator.appVersion);
        var browserMajorVersion = parseInt(navigator.appVersion, 10);
        var Offset, OffsetVersion, ix;
  
        // For Chrome 
        if ((OffsetVersion = browserAgent.indexOf("Chrome")) != -1) {
            browserName = "Chrome";
            browserVersion = browserAgent.substring(OffsetVersion + 7);
        }
  
        // For Microsoft internet explorer 
        else if ((OffsetVersion = browserAgent.indexOf("MSIE")) != -1) {
            browserName = "Microsoft Internet Explorer";
            browserVersion = browserAgent.substring(OffsetVersion + 5);
        }
  
        // For Firefox
        else if ((OffsetVersion = browserAgent.indexOf("Firefox")) != -1) {
            browserName = "Firefox";
        }
  
        // For Safari
        else if ((OffsetVersion = browserAgent.indexOf("Safari")) != -1) {
            browserName = "Safari";
            browserVersion = browserAgent.substring(OffsetVersion + 7);
            if ((OffsetVersion = browserAgent.indexOf("Version")) != -1)
                browserVersion = browserAgent.substring(OffsetVersion + 8);
        }
  
        // For other browser "name/version" is at the end of userAgent 
        else if ((Offset = browserAgent.lastIndexOf(' ') + 1) <
            (OffsetVersion = browserAgent.lastIndexOf('/'))) {
            browserName = browserAgent.substring(Offset, OffsetVersion);
            browserVersion = browserAgent.substring(OffsetVersion + 1);
            if (browserName.toLowerCase() == browserName.toUpperCase()) {
                browserName = navigator.appName;
            }
        }
  
        // Trimming the fullVersion string at 
        // semicolon/space if present 
        if ((ix = browserVersion.indexOf(";")) != -1)
            browserVersion = browserVersion.substring(0, ix);
        if ((ix = browserVersion.indexOf(" ")) != -1)
            browserVersion = browserVersion.substring(0, ix);
  
  
        browserMajorVersion = parseInt('' + browserVersion, 10);
        if (isNaN(browserMajorVersion)) {
            browserVersion = '' + parseFloat(navigator.appVersion);
            browserMajorVersion = parseInt(navigator.appVersion, 10);
        }
        document.write(''
            + 'Name of Browser = ' + browserName + '<br>'
            + 'Full version = ' + browserVersion + '<br>'
            + 'Major version = ' + browserMajorVersion + '<br>'
            + 'navigator.appName = ' + navigator.appName + '<br>'
            + 'navigator.userAgent = ' + navigator.userAgent + '<br>'
        );
    

  

输出：

• 下面的输出代表“Chrome”的浏览器检测输出

  Name of Browser = Chrome
  Full version = 86.0.4240.183
  Major version = 86
  navigator.appName = Netscape
  navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64)
  AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36

• 下面的输出代表“Mozilla Firefox”的浏览器检测输出

  Name of Browser = Firefox
  Full version = 5
  Major version = 5
  navigator.appName = Netscape
  navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0)
  Gecko/20100101 Firefox/80.0

结论：本文从浏览器检测的理论开始，然后解释了浏览器检测方案和检测脚本。在当前环境下非常有利，因为所有浏览器都支持此应用程序。于是检测/找到浏览器，然后编写相应的代码。