通過使用JS來判斷用戶的瀏覽器類型,可以讓網頁在不同類型的瀏覽器中顯示不同的內容。下面就和大家說一說,使用 js 代碼來判斷用戶瀏覽器是何種類型的教程!

js 判斷瀏覽器的類型

国产视频app可以通過 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>

国产视频app小提示:你可以在使用上面的代碼之前,將其封裝為一個函數,可以方便的進行調用!

JS獲取瀏覽器的版本號的方法

使用正則表達式,可以在瀏覽器的 userAgent 字符串中匹配到瀏覽器的版本號信息,并輸出!

js代碼:

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