javascript判断各种浏览器并识别IE版本

原创 2018年04月17日 20:39:49

1.使用javascript判断页面使用什么浏览器打开?

2.判断当前是否为IE浏览器(前端毒瘤)?

3.使用javascript区分当前IE浏览器的版本为IE5?IE6?IE7?IE8?IE9?

    话不多说 直接上代码

1.js判断页面使用什么浏览器打开

//微信微博
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

if (browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {//在微信中打开
rightHigShow.style.display = 'block';
}
if (ua.match(/WeiBo/i) == "weibo") {//在新浪微博客户端打开
rightHigShow.style.display = 'block';
}
if (ua.match(/QQ/i) == "qq") {//在QQ空间打开
rightHigShow.style.display = 'block';
}
if (browser.versions.ios) {//是否在IOS浏览器打开
alert('请使用Android手机下载');
}
if(browser.versions.android){//是否在安卓浏览器打开
rightHigShow.style.display = 'none';
}
} else {//PC浏览器打开
rightHigShow.style.display = 'none';
}


2.判断当前是否为IE浏览器(前端毒瘤)

原理是利用了IE与标准浏览器在处理数组的toString()方法的差异做成的
对于标准浏览器 如果数组里面最后一个字符为逗号 js引擎会自动剔除它

<script>
var ie = !-[1];
alert(ie);
</script>


3.使用javascript区分当前IE浏览器的版本为IE5?IE6?IE7?IE8?IE9?

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");
}


JS判断各浏览器类型及版本

昨天写了一个滑动块的效果,今天发现原来在火狐上不兼容,后来查资料,发现伪元素 :after, :before在火狐的高版本中才能显示,于是研究了下如何判断浏览器的类型及版本信息,鉴于IE11版本开始没...
  • liuyan19891230
  • liuyan19891230
  • 2015-11-18 10:44:32
  • 5202

JS判断浏览器版本(已解决IE11版本为Mozilla问题)

参考文献:http://blog.csdn.net/whupanyinghua/article/details/38026027 js判断的方式都是利用浏览器的useragent字段。通过判断use...
  • qq285679784
  • qq285679784
  • 2017-02-28 11:12:02
  • 2129

原生js判断当前的IE版本

function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 ...
  • u012302552
  • u012302552
  • 2018-03-28 10:52:20
  • 30

通过JS判断浏览器类型,详细区分IE各版本浏览器

今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用。 /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1...
  • littleQiang_w
  • littleQiang_w
  • 2016-01-05 17:12:24
  • 36637

js 获取浏览器版本信息(全)

js 获取浏览器版本信息(全)觉得挺不错的,所以就收藏起来
  • qq_16559905
  • qq_16559905
  • 2016-06-23 19:56:18
  • 17642

判断各种浏览器的内核和 移动端的类型

//判断访问终端         var browser={             versions:function(){                 var u = navigator.us...
  • impossible1994727
  • impossible1994727
  • 2017-04-29 15:01:39
  • 1046

JS通过内核判断各种浏览器|区分360与谷歌(亲测可用)

function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerCase(); var bro...
  • zlf_php
  • zlf_php
  • 2018-01-03 11:17:09
  • 526

市面上所有浏览器内核机器UserAgent参数判断

市面上常见的浏览器内核:只需要挑其中常见的测试即可: 1、Trident内核:IE最先开发或使用的,也称IE内核,360浏览器使用的也是IE内核; 2、Edge内核:微软最新浏览器的内核; 3、...
  • anttu
  • anttu
  • 2017-06-04 01:49:23
  • 868

js/jQuery判断浏览器名称、内核版本、浏览器壳

1.js方法 var NV = {}; var UA = navigator.userAgent.toLowerCase(); try { NV.name=!-[1,]?'i...
  • Inuyasha1121
  • Inuyasha1121
  • 2015-01-29 13:51:20
  • 3908

js判断用户浏览器类型(IE或IE内核和非IE)及判断IE浏览器版本(32位或64位)

判断是否是IE浏览器或IE内核浏览器: function aaa(){ //ie? if (!!window.ActiveXObject || "ActiveXObject" in wind...
  • a491857321
  • a491857321
  • 2016-03-08 13:10:18
  • 4435
收藏助手
不良信息举报
您举报文章:javascript判断各种浏览器并识别IE版本
举报原因:
原因补充:

(最多只允许输入30个字)