js判斷是否是ie瀏覽器且給出ie版本

為了防止以后找不到鏈接饶唤,特意在此做個筆記恨溜,文章地址:https://www.cnblogs.com/XCWebLTE/p/7017338.html

js判斷是否是ie瀏覽器且給出ie版本

之前懶得寫判斷ie版本js读恃,因為網(wǎng)上關(guān)于這方面的代碼太多了算利,所以從網(wǎng)上拷貝了一個掏觉,放到項目上才發(fā)現(xiàn)由于時效性的問題竹海,代碼不生效。就自己寫一個吧。

  1. 怎么去看瀏覽器的內(nèi)核等信息 ---- js的全局對象window子屬性navigator.userAgent趟济,這個屬性是包含了瀏覽器信息的相關(guān)信息,包括我們需要的瀏覽器內(nèi)核

  2. navigator.userAgent這個值取出來是個字符串咽笼,可以通過string的 indexOf方法或者正則匹配來驗證關(guān)鍵字符串

  3. ie11和edge的判斷方式有所不同顷编,后面我會給出幾個圖

  4. image

    這個是ie11的userAgent

  5. image

    這個是edge的userAgent

  6. image

    ie9的userAgent

  7. image

    ie8的userAgent

  8. image

    ie10的userAgent

你一定發(fā)現(xiàn)了,ie11和edge的userAgent是和ie8,9,10差別蠻大的剑刑,那么對用的在寫js時需要特別判斷媳纬,下面給出我寫好的一段判斷是否是ie且給出ie版本號的js代碼段

function IEVersion() {
    var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串  
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判斷是否IE<11瀏覽器  
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判斷是否IE的Edge瀏覽器  
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    if(isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if(fIEVersion == 7) {
            return 7;
        } else if(fIEVersion == 8) {
            return 8;
        } else if(fIEVersion == 9) {
            return 9;
        } else if(fIEVersion == 10) {
            return 10;
        } else {
            return 6;//IE版本<=7
        }   
    } else if(isEdge) {
        return 'edge';//edge
    } else if(isIE11) {
        return 11; //IE11  
    }else{
        return -1;//不是ie瀏覽器
    }
}

通過調(diào)用 IEVersion()可以獲得返回值,值如下

值類型 值說明
-1 Number 不是ie瀏覽器
6 Number ie版本<=6
7 Number ie7
8 Number ie8
9 Number ie9
10 Number ie10
11 Number ie11
'edge' String ie的edge瀏覽器
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叛甫,一起剝皮案震驚了整個濱河市层宫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌其监,老刑警劉巖萌腿,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異抖苦,居然都是意外死亡毁菱,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門锌历,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贮庞,“玉大人,你說我怎么就攤上這事究西〈吧鳎” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵卤材,是天一觀的道長遮斥。 經(jīng)常有香客問我,道長扇丛,這世上最難降的妖魔是什么术吗? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮帆精,結(jié)果婚禮上较屿,老公的妹妹穿的比我還像新娘隧魄。我一直安慰自己,他們只是感情好隘蝎,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布购啄。 她就那樣靜靜地躺著,像睡著了一般末贾。 火紅的嫁衣襯著肌膚如雪闸溃。 梳的紋絲不亂的頭發(fā)上整吆,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天拱撵,我揣著相機與錄音,去河邊找鬼表蝙。 笑死拴测,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的府蛇。 我是一名探鬼主播集索,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼汇跨!你這毒婦竟也來了务荆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤穷遂,失蹤者是張志新(化名)和其女友劉穎函匕,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蚪黑,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡盅惜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了忌穿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片抒寂。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖掠剑,靈堂內(nèi)的尸體忽然破棺而出屈芜,到底是詐尸還是另有隱情,我是刑警寧澤朴译,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布井佑,位于F島的核電站,受9級特大地震影響动分,放射性物質(zhì)發(fā)生泄漏毅糟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一澜公、第九天 我趴在偏房一處隱蔽的房頂上張望姆另。 院中可真熱鬧喇肋,春花似錦、人聲如沸迹辐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽明吩。三九已至间学,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間印荔,已是汗流浹背低葫。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留仍律,地道東北人嘿悬。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像水泉,于是被迫代替她去往敵國和親善涨。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5草则? 答:HTML5是最新的HTML標準钢拧。 注意:講述HT...
    kismetajun閱讀 27,485評論 1 45
  • 1.如何查看瀏覽器內(nèi)核信息 window.navigator.userAgent 2.每個瀏覽器的userAgen...
    TTTXTTT閱讀 894評論 0 1
  • 瀏覽器發(fā)展史 現(xiàn)在瀏覽器已經(jīng)成為網(wǎng)上生活的重要家園和工具。而從1991年炕横,Web之父Tim Berners-Lee...
    波段頂?shù)?/span>閱讀 16,791評論 6 86
  • 某天源内,我做一個小項目,需要判斷一下瀏覽器類型看锉。簡單的呀姿锭。 控制臺敲下:navigator.userAgent 瀏覽...
    楓樹林閱讀 911評論 1 2
  • 心的疲憊,并非對自己拎不清伯铣,更多的卻是對他人放不下呻此。心的輕松,是在車水馬龍的紛擾中腔寡,不必有求于人焚鲜,更無須獻媚于誰,...
    落花逐水流閱讀 363評論 0 1