HTML和CSS中如何判断ie各版本浏览器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML和CSS中如何判断ie各版本浏览器相关的知识,希望对你有一定的参考价值。

如楼上所说,html判断不了,要用到JS,不过建议使用JS的jQuery框架,因为原生JS兼容性太差,jQuery代码:
$(document).ready(function()
var bro=$.browser;
var binfo="";
if(bro.msie) binfo="Microsoft Internet Explorer "+bro.version;
if(bro.mozilla) binfo="Mozilla Firefox "+bro.version;
if(bro.safari) binfo="Apple Safari "+bro.version;
if(bro.opera) binfo="Opera "+bro.version;
alert(binfo);
$("#browser").html(binfo);
)
参考技术A html判断不了。可以通过js判断

JS 中如何判断出 各个IE浏览器的版本

1) ie6 ie7 ie8 ie9
有什么判断比较严谨的方法?

IE6~IE10的浏览器特征明显,存在msie字符串,而IE11去掉了msie字符串,可以通过rv后面的版本号识别IE11,具体方法如下:

function IETester(userAgent)
    var UA =  userAgent || navigator.userAgent;
    if(/msie/i.test(UA))
        return UA.match(/msie (\\d+\\.\\d+)/i)[1];
    else if(~UA.toLowerCase().indexOf(\'trident\') && ~UA.indexOf(\'rv\'))
        return UA.match(/rv:(\\d+\\.\\d+)/)[1];
    
    return false;

IETester();//不传参数返回当前IE版本,如果不是IE内核浏览器,返回false
IETester(\'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko\');//传userAgent字符串,用来判断其他IE浏览器的版本,该示例返回11.0
参考技术A <script type="text/javascript">

var browser=navigator.appName

var b_version=navigator.appVersion

var version=b_version.split(";");

var trim_Version=version[1].replace(/[ ]/g,"");

if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")



    alert("IE 7.0");



    else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")



    alert("IE 6.0");



</script>

追问

你们做项目的时候是怎么判断的 ?

1) 火狐
2) 谷歌
3) 欧鹏
4) ie 各个版本!

你所提供的方法, ie 6.0 检测不出来呢

追答<script language="JavaScript">  
    <!--  
function getOs()  
  
    var OsObject = "";  
   if(navigator.userAgent.indexOf("MSIE")>0)   
        return "MSIE";  
     
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)  
        return "Firefox";  
     
   if(isSafari=navigator.userAgent.indexOf("Safari")>0)   
        return "Safari";  
      
   if(isCamino=navigator.userAgent.indexOf("Camino")>0)  
        return "Camino";  
     
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)  
        return "Gecko";  
     
    
  
 alert("您的浏览器类型为:"+getOs());  
    -->  
</script>

本回答被提问者采纳
参考技术B 用浏览器的BOM对象来检测就可以了。追问

请提供一个方法

以上是关于HTML和CSS中如何判断ie各版本浏览器的主要内容,如果未能解决你的问题,请参考以下文章

怎么解决bootstrap在各版本IE浏览器中的兼容性问题???

如何判断浏览器是不是是IE11

如何解决HTML5在老版本IE下的兼容性

IE浏览器和CSS盒模型

JavaScript判断IE各版本最完美解决方案

如何用html判断浏览器内核