租号网站建设贴吧,移动互联网时代的渠道模式创新,4399影视免费观看高清,网页开发流程图在我们开发页面中总会遇到解决兼容问题#xff0c;一般通过css hack根据不同浏览器写不同的css,或者判断浏览器加载不同的模块。在这里我们将分享判断ie的方法
一、IE条件注释#xff08;h5方法#xff09;
IE的判断写法只兼容到IE9#xff0c;IE10及其以上只能显示非IE的…在我们开发页面中总会遇到解决兼容问题一般通过css hack根据不同浏览器写不同的css,或者判断浏览器加载不同的模块。在这里我们将分享判断ie的方法
一、IE条件注释h5方法
IE的判断写法只兼容到IE9IE10及其以上只能显示非IE的注释内容
!--[if lt IE 7 ] 小于IE ![endif]--
!--[if IE 7 ] IE7 ![endif]--
!--[if IE 8 ] IE8 ![endif]--
!--[if IE 9 ] IE9 ![endif]--
!--[if (gt IE 9)|!(IE)]IE9以上或者非IE![endif]--
二、js判断
在IE浏览器之前一般通过MSIE来判断但IE之后判断就有些变化了。通过浏览器自带的navigator.userAgent方法做相应的判断。
1.区分IE和其他主流浏览器
function isIE() {return navigator.userAgent.toLowerCase().indexOf(trident)-1?true:false;
}
或者
function isIE(){if(!!window.ActiveXObject || ActiveXObject in window){return true;}else{return false;}
}
2.判断IE并给出相应的版本
function IEVersion() {var userAgent navigator.userAgent; //取得浏览器的userAgent字符串var isIE userAgent.indexOf(compatible) -1 userAgent.indexOf(MSIE) -1; //判断是否IE11浏览器var isEdge userAgent.indexOf(Edge) -1 !isIE; //判断是否IE的Edge浏览器var isIE11 userAgent.indexOf(Trident) -1 userAgent.indexOf(rv:11.0) -1;if(isIE) {var reIE new RegExp(MSIE (\\d\\.\\d););reIE.test(userAgent);var fIEVersion parseFloat(RegExp[$1]);if(fIEVersion 7) {return 7;} else if(fIEVersion 8) {return 8;} else if(fIEVersion 9) {return 9;} else if(fIEVersion 10) {return 10;} else {return 6;//IE版本7}} else if(isEdge) {return edge;//edge} else if(isIE11) {return 11; //IE11}else{return -1;//不是ie浏览器}}
3.判断主流浏览器版本
function browserVersion() {var userAgent navigator.userAgent; //取得浏览器的userAgent字符串var isIE userAgent.indexOf(compatible) -1 userAgent.indexOf(MSIE) -1; //判断是否IE11浏览器var isIE11 userAgent.indexOf(Trident) -1 userAgent.indexOf(rv:11.0) -1;var isEdge userAgent.indexOf(Edge) -1 !isIE; //Edge浏览器var isFirefox userAgent.indexOf(Firefox) -1; //Firefox浏览器var isOpera userAgent.indexOf(Opera)-1 || userAgent.indexOf(OPR)-1 ; //Opera浏览器var isChrome userAgent.indexOf(Chrome)-1 userAgent.indexOf(Safari)-1 userAgent.indexOf(Edge)-1 userAgent.indexOf(OPR)-1; //Chrome浏览器var isSafari userAgent.indexOf(Safari)-1 userAgent.indexOf(Chrome)-1 userAgent.indexOf(Edge)-1 userAgent.indexOf(OPR)-1; //Safari浏览器if(isIE) {var reIE new RegExp(MSIE (\\d\\.\\d););reIE.test(userAgent);var fIEVersion parseFloat(RegExp[$1]);if(fIEVersion 7) {return IE7;} else if(fIEVersion 8) {return IE8;} else if(fIEVersion 9) {return IE9;} else if(fIEVersion 10) {return IE10;} else {return IE6;//IE版本7}} else if(isIE11) {return IE11;} else if(isEdge) {return EdgeuserAgent.split(Edge/)[1].split(.)[0];} else if(isFirefox) {return FirefoxuserAgent.split(Firefox/)[1].split(.)[0];} else if(isOpera) {return OperauserAgent.split(OPR/)[1].split(.)[0];} else if(isChrome) {return ChromeuserAgent.split(Chrome/)[1].split(.)[0];} else if(isSafari) {return Safari;userAgent.split(Safari/)[1].split(.)[0];} else{return -1;//不是ie浏览器}}