最好的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>