判断浏览器版本

最新推荐文章于 2022-02-24 10:21:42 发布

原创最新推荐文章于 2022-02-24 10:21:42 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #判断

JS/jQuery 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用jQuery 1.9及以后版本进行浏览器检测的方法。通过分析navigator.userAgent字符串，可以识别出Chrome、Explorer、Firefox、Safari和Opera等主流浏览器，并获取其版本信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于jQuery 1.9 的变化，移除了.browser方法，所以判断浏览器的版本就比较困难了，在别的网站上找了这么一个方法来判断浏览器版本。记录下来以备不时之需。

<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<script>
var BrowserDetect = 
{
    init: function () 
    {
        this.browser = this.searchString(this.dataBrowser) || "Other";
        this.version = this.searchVersion(navigator.userAgent) ||       this.searchVersion(navigator.appVersion) || "Unknown";
    },

    searchString: function (data) 
    {
        for (var i=0 ; i < data.length ; i++)   
        {
            var dataString = data[i].string;
            this.versionSearchString = data[i].subString;

            if (dataString.indexOf(data[i].subString) != -1)
            {
                return data[i].identity;
            }
        }
    },

    searchVersion: function (dataString) 
    {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },

    dataBrowser: 
    [
        { string: navigator.userAgent, subString: "Chrome",  identity: "Chrome" },
        { string: navigator.userAgent, subString: "MSIE",    identity: "Explorer" },
        { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" },
        { string: navigator.userAgent, subString: "Safari",  identity: "Safari" },
        { string: navigator.userAgent, subString: "Opera",   identity: "Opera" },
    ]

};
BrowserDetect.init();

$("body").append("<p> Browser: "+BrowserDetect.browser+"; Version: "+BrowserDetect.version+"</p>");
</script>
 
</body>
</html>