通过使用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>
到此这篇关于javascript 判断浏览器类型及版本号的方法就介绍到这了。青春的路上充满了彷徨。青春的热血在我们的身体中流淌,叛逆的力量在沉默中爆发。叛逆、 嚣张、 标新立异···是我们的标识。我们渴望成长,渴望挣脱种种的束缚,却又羽翼未丰。我们渴望能够独当一面,渴望被认可,却又能力不足。我们有满腔的基情与理想,可又无法释放。于是,我们纷纷发表独立宣言,希望得到大人世界的认可,我们纷纷反抗,希望挣脱束缚。我们徘徊在梦想与堕落的边缘,不知路在何方。更多相关javascript 判断浏览器类型及版本号的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!