JS如何判断IE浏览器是否开启兼容性视图?

JavaScript011

JS如何判断IE浏览器是否开启兼容性视图?,第1张

<script language="javascript" type="text/javascript">

var version = navigator.appVersion

var start = version.indexOf("MSIE")

var temp = version.slice(start+5, start+6)

if(temp=="9"){

alert(9)

}else if(temp=="8"){

alert(8)

}else if(temp=="7"){

alert(7)

}else if(temp=="6"){

alert(6)

}else if(temp=="5"){

alert(5)

}

</script>

在IE8下,如果开启兼容性视图,返回值是7,否则返回8。

其实一般网站没问题很少有人会去懂兼容性按钮,可以在网站头部加

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

如果是高版本的浏览器自动会用IE7内核去渲染,就是所谓的兼容模式吧,狠多大型网站都可以看到这行代码,可以减小前端的工作量。

代码如下:

<html>

<head>

<title>JS显示当前浏览器详细信息</title> 

<SCRIPT>  

function whatBrowser() 

document.Browser.Name.value=navigator.appName 

document.Browser.Version.value=navigator.appVersion 

document.Browser.Code.value=navigator.appCodeName 

document.Browser.Agent.value=navigator.userAgent 

 

if (window.navigator.userAgent.indexOf('compatible') != -1) {

alert('360兼容模式')

}

if(window.navigator.userAgent.indexOf('AppleWebKit') != -1) {

alert('360极速模式')

}

}  

</SCRIPT> 

<TABLE BORDER> 

</head>

<body bgcolor="#fef4d9" onLoad="whatBrowser()">

<FORM NAME="Browser"> 

<TR> <TD> 名称: </TD> <TD> 

<INPUT TYPE="txt" NAME="Name" Size="150"></TD> </TR> 

<TR> <TD> 版本: </TD> <TD> <INPUT TYPE="txt" NAME="Version" Size="150"></TD> </TR> <TR> <TD> 内核: </TD> 

<TD> <INPUT TYPE="txt" NAME="Code" Size="150"></TD> 

</TR> <TR> <TD> User-Agent: </TD> 

<TD> <INPUT TYPE="txt" NAME="Agent" Size="150"></TD> 

</TR> 

</FORM> 

</TABLE> 

</body>

</html>