如何判断浏览器的类型，以及浏览器的版本

时间 2020-08-04
原文原文链接
第一部分判断浏览器的类型javascript
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <div>        <div>            <input type="text" id="element">            <input type="button" id="btn" value="BUTTON">        </div>    </div>    <script type="text/javascript">        /*document.getElementById('btn').onclick = function(){            if(navigator.appName.indexOf("Microsoft")!= -1){                document.getElementById('element').innerText  =  "my  text";                document.write("我是ie浏览器")                alert("我是ie浏览器");            }            else{                document.getElementById('element').textContent  =  "my  text";                alert("我不是ie浏览器");            }        };        */        function myBrowser(){            var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串            var isOpera = userAgent.indexOf("Opera") > -1;            if (isOpera) {                return "Opera"            }; //判断是否Opera浏览器            if (userAgent.indexOf("Firefox") > -1) {                return "FF";            } //判断是否Firefox浏览器            if (userAgent.indexOf("Chrome") > -1){                return "Chrome";            }            if (userAgent.indexOf("Safari") > -1) {                return "Safari";            } //判断是否Safari浏览器            if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {                return "IE";            }; //判断是否IE浏览器        }        //如下是调用上面的函数        var mb = myBrowser();        if ("IE" == mb) {            alert("我是 IE");        }        if ("FF" == mb) {            alert("我是 Firefox");        }        if ("Chrome" == mb) {            alert("我是 Chrome");        }        if ("Opera" == mb) {            alert("我是 Opera");        }        if ("Safari" == mb) {            alert("我是 Safari");        }        //console.log(navigator.appName);    </script></body></html>第二部分浏览器的版本function myBrowser(){    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串    var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器    var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器    var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器    if (isIE) {        var IE5 = IE55 = IE6 = IE7 = IE8 = false;        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");        reIE.test(userAgent);        var fIEVersion = parseFloat(RegExp["$1"]);        IE55 = fIEVersion == 5.5;        IE6 = fIEVersion == 6.0;        IE7 = fIEVersion == 7.0;        IE8 = fIEVersion == 8.0;        if (IE55) {            return "IE55";        }        if (IE6) {            return "IE6";        }        if (IE7) {            return "IE7";        }        if (IE8) {            return "IE8";        }    }//isIE end    if (isFF) {        return "FF";    }    if (isOpera) {        return "Opera";    }}//myBrowser() end//如下是调用上面的函数if (myBrowser() == "FF") {    alert("我是 Firefox");}if (myBrowser() == "Opera") {    alert("我是 Opera");}if (myBrowser() == "Safari") {    alert("我是 Safari");}if (myBrowser() == "IE55") {    alert("我是 IE5.5");}if (myBrowser() == "IE6") {    alert("我是 IE6");}if (myBrowser() == "IE7") {    alert("我是 IE7");}if (myBrowser() == "IE8") {    alert("我是 IE8");}