js 判断浏览器类型及版本号的方法
墨初 前端设计 3229阅读
通过使用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>