浏览器类型与版本检测-优快云博客

本文链接：https://blog.youkuaiyun.com/tangcc110/article/details/82526292

本文介绍了一种通过navigator.userAgent属性来检测用户浏览器类型和版本的方法。涵盖了IE、Edge、Chrome、Firefox等主流浏览器的识别，并提供了详细的正则表达式匹配规则。

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

先取得值：

// 仿真 simulation 取得navgator.userAgent的值
var simulationIE8 =  "Mozilla/4.0(compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)";
var simulationIE9 =  "Mozilla/5.0(compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)";
var simulationIE10 = "Mozilla/5.0(compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)";
var simulationIE11 = "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"; // Revised Version
var simulationEdge = "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0"; // 在传统ie中模拟edge
var realEdge =       "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299"; // 真正的edge

var chrome =  "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36";
var firefox = "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0";

var navObject = window.navigator;
//console.log("navObject.userAgent" ,navObject.userAgent);
function testYourbrowser(userAgent){
        var lowercaseUA = userAgent.toLowerCase();
        var currentBrowserType = ""; // 类型
        var currentBrowserVersion = ""; // 版本
        if(/msie/.test(lowercaseUA)){ // 检测ie 10以下
                /msie\s+(\d+\.\d{0,1});/.exec(lowercaseUA);
                currentBrowserType = "IE";
                currentBrowserVersion = RegExp.$1; // 全局只有一个RegExp 内置对象，后面的分组匹配RegExp.$n会覆盖前面的RegExp.$n，前面可用变量保存起来
        }else if(/\.net/.test(lowercaseUA)){ // 检测ie 11
                /rv:(\d+\.\d{0,1})/.exec(lowercaseUA);
                currentBrowserType = "IE";
                currentBrowserVersion = RegExp.$1;
        }else if(/edge/.test(lowercaseUA)){ // 检测edge
                /edge\/(\d+\.\d{0,1})/.exec(lowercaseUA);
                currentBrowserType = "Edge";
                currentBrowserVersion = RegExp.$1; 
        }else if(/chrom/.test(lowercaseUA)){// 检测Chrome
                /chrome\/(\d+\.\d{0,1})/.exec(lowercaseUA);
                currentBrowserType = "Chrome";
                currentBrowserVersion = RegExp.$1;
        }else if(/firefox/.test(lowercaseUA)){// 检测 Firefox
                /firefox\/(\d+\.\d{0,1})/.exec(lowercaseUA);
                currentBrowserType = "Firefox";
                currentBrowserVersion = RegExp.$1;
        }else{
                currentBrowserType = "未知浏览器";
                currentBrowserVersion = "";
        }
        return currentBrowserType + currentBrowserVersion;
}
var myBrowserVersion = testYourbrowser(navObject.userAgent);
//console.log("myBrowserVersion======",myBrowserVersion);

检测浏览器版本