通过使用JS来判断用户的浏览器类型,可以让网页在不同类型的浏览器中显示不同的内容。下面就和大家说一说,使用 js 代码来判断用户浏览器是何种类型的教程!

js 判断浏览器的类型

可以通过 js 代码获取到用户浏览器的 userAgent 字符串,再对 userAgent 字符串进行分析,可以获取到用户浏览器的类型信息!

方法1:

<script>
    //飞鸟慕鱼博客
    var explorer = navigator.userAgent;
    //判断IE的低版本
    if (explorer.indexOf("MSIE") >= 0) {
        alert("ie");
    }
    //firefox 
    else if (explorer.indexOf("Firefox") >= 0) {
        alert("Firefox");
    }
    //Chrome
    else if (explorer.indexOf("Chrome") >= 0) {
        alert("Chrome");
    }
    //Opera
    else if (explorer.indexOf("Opera") >= 0) {
        alert("Opera");
    }
    //Safari
    else if (explorer.indexOf("Safari") >= 0) {
        alert("Safari");
    }
    //Netscape
    else if (explorer.indexOf("Netscape") >= 0) {
        alert('Netscape');
    } 
    // 这里判断的是IE的高版本
    else if (!!window.ActiveXObject || "ActiveXObject" in window){
        alert("ie");
    }   
</script>

方法2:

<script>
    //飞鸟慕鱼博客
    var browserName = navigator.userAgent.toLowerCase();
    if (/msie/i.test(browserName) && !/opera/.test(browserName)) {
        alert("IE");
    } else if (/firefox/i.test(browserName)) {
        alert("Firefox");
    } else if (/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)) {
        alert("Chrome");
    } else if (/opera/i.test(browserName)) {
        alert("Opera");
    } else if (/webkit/i.test(browserName) && !(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))) {
        alert("Safari");
    } else {
        alert("unKnow");
    }  
</script>

小提示:你可以在使用上面的代码之前,将其封装为一个函数,可以方便的进行调用!

JS获取浏览器的版本号的方法

使用正则表达式,可以在浏览器的 userAgent 字符串中匹配到浏览器的版本号信息,并输出!

js代码:

<script>
var br = navigator.userAgent.toLowerCase();
var browserVer = (br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];    
alert(browserVer);  
</script>