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>