最好的ie版本检测方式

时间 2019-11-09

标签最好版本检测方式繁體版

原文原文链接

预备知识:NodeList的实时性html

经过 document.getElementsByTagName,document.forms ,document.images 等方法获取到nodelist之后里面的内容会适时的更新这一点区别与array前端

咱们利用它和条件注释来检测oldIE的版本node

我认为这是最靠谱的方法chrome

--------------------------------华丽的分割线请听我娓娓道来------------------------------------浏览器

搞前端的一大痛苦就是要搞定各个浏览器. 在这个问题上最牛逼最烦最装逼最可恶的要是ie大哥了.app

不是ie的manager吃白饭,ie受制于操做系统的限制,不能随便升级 . ie永远作不了”版本帝”dom

可是ie9之后速度就很快了. win8.1上ie启动速度不亚于chromespa

"浏览器能力检测优于浏览器检测”操作系统

if(!!document.addEventListener)//能力检测
{
    alert('我能够经过document.addEventListener添加事件')
}

业界公认的观点.code

可是有时候仍是避免不了浏览器的检测今天咱来讲说ie大哥的检测

广泛的检测方法有如下几种

userAgent

你的代码里是否是有这样一句

var isIE6 = window.navigator.userAgent.indexOf('IE 6') > 0; // O(∩_∩)O哈哈~

我感受这种方法最萌了

一般状况下他不会有什么问题可是看上去很是的屌丝(我的意见)

并且userAgent 这个属性咱们能够更改的百度一下 “更改useragent”

2. 怪癖检测

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;

一般咱们仅支持到ie6 这样的代码到ie5下妥妥的挂掉

3.条件注释

varisIE6=false;

document.write("");

if(isIE6){

alert('你当前的浏览器是IE6或者如下');

}

这样的方法很稳定可是不优雅并且写入了dom元素

小弟提供一种方法你们参考一下

咔咔上代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>IEVersion</title>
    <script>

        var IEVersion = (function () {

            //返回结果
            var result = {
                isIE: false, //是否ie
                version: -1   //版本号
            }

            //#region ie4_9
            var _version = 3;//ie版本号 临时的
            var ie4_9 = false;

            var odiv = document.createElement('div');
            /*
            目标元素
            这个元素不须要append
            在这个元素内插入ie条件注释 注释内包含一个标签 inner_element
            */
            var inner_element = odiv.getElementsByTagName('i');

            while (odiv.innerHTML = '<!--[if gt IE ' + (++_version) + ']><i></i><![endif]-->', inner_element[0]) {
                ie4_9 = true;
            }
            //#endregion

            if (ie4_9 && (_version > 3 && _version <= 9)) {
                result = { isIE: true, version: _version };
            } else if (document.all) {
                result = { isIE: true, version: 10 };
            } else if ("ActiveXObject" in window) {
                result = { isIE: true, version: 11 };
            }

            return result;
        })();

    </script>

    <script>

        if (IEVersion.isIE) {
            alert(IEVersion.version);
        }

    </script>

</head>
<body>
    <!--[if IE 7]>所谓的双核浏览器的兼容模式会显示这个 由于他们跑的是ie7模式<![endif]-->
</body>
</html>

ps :

ie4-9 用条件注释来检测新建的dom元素不须要插入到页面中

ie10不支持条件注释可是ie10 支持document.all

ie11 就用("ActiveXObject" in window)来检测一下吧

有么问题欢迎你们讨论 O(∩_∩)O哈哈~