ฉันจะตรวจหา IE 8 ด้วย jQuery ได้อย่างไร

Question 1

ฉันต้องการตรวจจับไม่เพียง แต่ประเภทเบราว์เซอร์เท่านั้น แต่ยังรวมถึงเวอร์ชันด้วยโดยใช้ jQuery ส่วนใหญ่ฉันต้องหาว่าเป็น IE 8 หรือไม่

ฉันไม่แน่ใจว่าฉันทำถูกต้องหรือเปล่า

ถ้าฉันทำ :

if (jQuery.browser.version >= 8.0) {
dosomething}

ฉันไม่แน่ใจว่ามันจะใช้ได้กับเวอร์ชัน 8.123.45.6 หรือเปล่า

แก้ไข: โปรดทราบว่า JQuery 2+ ได้ยกเลิกการรองรับ IE8 และต่ำกว่าดังนั้นจึงไม่สามารถใช้เพื่อตรวจหา IE8 ได้อีกต่อไป หากใช้ JQuery เวอร์ชันปัจจุบันจำเป็นต้องใช้โซลูชันที่ไม่ใช่ JQuery

Question 2

มันถูกบันทึกไว้ในjQuery เอกสาร ตรวจสอบ Internet Explorer ด้วย$.browser.msieแล้วตรวจสอบเวอร์ชันด้วย$.browser.version.

อัปเดต: $ .browser ถูกลบออกใน jQuery 1.9

วิธี jQuery.browser () เลิกใช้งานแล้วตั้งแต่ jQuery 1.3 และถูกลบออกใน 1.9 หากจำเป็นก็สามารถใช้ได้เป็นส่วนหนึ่งของปลั๊กอิน jQuery Migrate ขอแนะนำให้ใช้การตรวจจับคุณลักษณะกับไลบรารีเช่น Modernizr

Question 3

ฉันคิดว่าวิธีที่ดีที่สุดคือ:

จากต้นแบบ HTML5:

<!--[if lt IE 7]> <html lang="en-us" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html lang="en-us" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html lang="en-us" class="no-js ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us" class="no-js"> <!--<![endif]-->

ใน JS:

if( $("html").hasClass("ie8") ) { /* do your things */ };

โดยเฉพาะอย่างยิ่งเมื่อ$.browserถูกลบออกจาก jQuery 1.9+

Question 4

สิ่งนี้ควรใช้ได้กับเวอร์ชันรองของ IE8 ทั้งหมด

if ($.browser.msie  && parseInt($.browser.version, 10) === 8) {
  alert('IE8'); 
} else {
  alert('Non IE8');
}

- อัปเดต

โปรดทราบว่า$ .browserถูกลบออกจาก jQuery 1.9

Question 5

อย่าลืมว่าคุณสามารถใช้ HTML เพื่อตรวจจับ IE8 ได้ด้วย

<!--[if IE 8]>
<script type="text/javascript">
    ie = 8;
</script>
<![endif]-->

ก่อนที่สคริปต์ทั้งหมดของคุณจะให้คุณตรวจสอบตัวแปร "ie" หรืออะไรก็ได้

Question 6

document.documentModeไม่ได้กำหนดไว้หากเบราว์เซอร์ไม่ใช่ IE8

จะคืนค่า 8 สำหรับโหมดมาตรฐานและ 7 สำหรับ 'เข้ากันได้กับ IE7'

หากรันเป็น IE7 จะมีฟีเจอร์ css และ dom จำนวนมากที่ไม่รองรับ

Question 7

สมมติว่า ...

... นั่นคือเอ็นจิ้นการเรนเดอร์ของ IE เวอร์ชันเก่าที่คุณสนใจในการตรวจจับเพื่อทำให้สไตล์ดูถูกต้องใน IE รุ่นเก่า (มิฉะนั้นให้ใช้การตรวจจับคุณสมบัติ)
... คุณไม่สามารถเพิ่มความคิดเห็นแบบมีเงื่อนไขลงใน HTML ได้เช่นปลั๊กอิน JS ที่สามารถนำไปใช้กับหน้าใดก็ได้ (มิฉะนั้นเพียงแค่ใช้เคล็ดลับของคลาสเงื่อนไขบน<body>หรือ<html>)

... นี่อาจเป็นเคล็ดลับที่ดีที่สุด (ขึ้นอยู่กับตัวแปรที่ไม่ใช่ jQuery ซึ่งมีความยืดหยุ่นน้อยกว่าเล็กน้อย ) จากนั้นจะสร้างการทดสอบเพื่อลบความคิดเห็นตามเงื่อนไขที่เหมาะสม

(ความคิดเห็นแบบมีเงื่อนไขจะถูกละเว้นใน 'โหมดมาตรฐาน' ของ IE10 + - แต่ก็น่าจะใช้ได้เนื่องจาก IE10 + 'โหมดมาตรฐาน' ไม่มีเอ็นจิ้นการเรนเดอร์ที่บ้าคลั่ง!)

วางฟังก์ชั่นนี้:

function isIE( version, comparison ){
    var $div = $('<div style="display:none;"/>');

    // Don't chain these, in IE8 chaining stops some versions of jQuery writing the conditional comment properly
    $div.appendTo($('body'));
    $div.html('<!--[if '+(comparison||'')+' IE '+(version||'')+']><a>&nbsp;</a><![endif]-->');

    var ieTest = $div.find('a').length;
    $div.remove();
    return ieTest;
}

จากนั้นใช้ดังนี้:

if(isIE()){ /* runs in all versions of IE after 4 before standards-mode 10 */ }

if(isIE(8)){ /* runs in IE8 */ }

if(isIE(9)){ /* runs in IE9 */ }

if(isIE(8,'lte')){ /* runs in IE8 or below */ }

if(isIE(6,'lte')){ /* if you need this, I pity you... */ }

ฉันขอแนะนำให้แคชผลลัพธ์ของฟังก์ชันนี้เพื่อที่คุณจะได้ไม่ต้องทำซ้ำ ตัวอย่างเช่นคุณสามารถใช้สตริง(comparison||'')+' IE '+(version||'')เป็นคีย์ในการจัดเก็บและตรวจสอบผลลัพธ์ของการทดสอบนี้ในวัตถุที่ไหนสักแห่ง

Question 8

บันทึก:

1) $ .browser ดูเหมือนจะลดลงใน jQuery 1.9+ (ตามที่ Mandeep Jain ระบุ) มันเป็นเรื่องที่แนะนำให้ใช้.supportแทน

2) $ .browser.versionสามารถคืนค่า "7" ใน IE> 7 เมื่อเบราว์เซอร์อยู่ในโหมด "ความเข้ากันได้"

3) สำหรับ IE 10 ความคิดเห็นตามเงื่อนไขจะไม่ทำงานอีกต่อไป

4) jQuery 2.0+ จะยกเลิกการรองรับ IE 6/7/8

5) document.documentMode ดูเหมือนจะกำหนดเฉพาะในเบราว์เซอร์ Internet Explorer 8 ขึ้นไป ค่าที่ส่งกลับจะบอกคุณในโหมด "ความเข้ากันได้" ที่ Internet Explorer กำลังทำงานอยู่ ยังไม่ใช่ทางออกที่ดีแม้ว่า

ฉันลองใช้ตัวเลือก. support () มากมาย แต่ปรากฏว่าเมื่อเบราว์เซอร์ IE (9+) อยู่ในโหมดความเข้ากันได้มันจะทำงานเหมือน IE 7 ... :(

จนถึงตอนนี้ฉันพบว่ามันใช้งานได้ (kind-a):

(หากไม่ได้กำหนด documentMode ไว้และไม่รองรับ htmlSerialize และ opacity แสดงว่าคุณกำลังดู IE <8 ... )

if(!document.documentMode && !$.support.htmlSerialize && !$.support.opacity) 
{
    // IE 6/7 code
}

Question 9

หากคุณใช้เบราว์เซอร์เวอร์ชันเบราว์เซอร์จะทำให้ไม่ดีบ่อยนัก คุณไม่ต้องการดำเนินการด้วยตัวเอง แต่คุณสามารถModernizrสร้างโดย Paul Irish และคนฉลาดคนอื่น ๆ มันจะตรวจจับสิ่งที่เบราว์เซอร์สามารถทำได้จริงและใส่คลาสที่ไม่เหมาะสมไว้ใน<html>องค์ประกอบ อย่างไรก็ตามด้วยModernizrคุณสามารถทดสอบเวอร์ชัน IE ได้ดังนี้:

$('html.lt-ie9').each() {
    // this will execute if browser is IE 8 or less
}

Similary คุณสามารถใช้.lt-ie8และ.lt-ie7.

Question 10

คุณควรดูjQuery.supportด้วย การตรวจจับคุณลักษณะมีความน่าเชื่อถือมากกว่าการตรวจจับเบราว์เซอร์สำหรับการเข้ารหัสฟังก์ชันการทำงานของคุณ (เว้นแต่คุณจะพยายามบันทึกเวอร์ชันของเบราว์เซอร์)

Question 11

คุณสามารถตรวจจับประเภทและเวอร์ชันของเบราว์เซอร์ได้อย่างง่ายดายโดยใช้ jquery นี้

$(document).ready(function()
{
 if ( $.browser.msie ){
    if($.browser.version == '6.0')
    {   $('html').addClass('ie6');
    }
    else if($.browser.version == '7.0')
    {   $('html').addClass('ie7');
    }
    else if($.browser.version == '8.0')
    {   $('html').addClass('ie8');
    }
    else if($.browser.version == '9.0')
    {   $('html').addClass('ie9');
    }
 }
 else if ( $.browser.webkit )
 { $('html').addClass('webkit');
 }
 else if ( $.browser.mozilla )
 { $('html').addClass('mozilla');
 }
 else if ( $.browser.opera )
 { $('html').addClass('opera');
 }
});

Question 12

ที่นี่คือปลั๊กอินตรวจจับเบราว์เซอร์ Jquery เพื่อระบุการตรวจจับเบราว์เซอร์ / ระบบปฏิบัติการ

คุณสามารถใช้สิ่งนี้เพื่อการจัดแต่งทรงผมหลังจากรวมปลั๊กอินแล้ว

$("html").addClass($.os.name);
$("body").addClass($.browser.className);
$("body").addClass($.browser.name);

Question 13

คุณสามารถใช้ $ .browser เพื่อตรวจหาชื่อเบราว์เซอร์ ค่าที่เป็นไปได้คือ:

webkit (ณ jQuery 1.4)
ซาฟารี (เลิกใช้แล้ว)
โอเปร่า
msie
โมซิลลา

หรือรับแฟล็กบูลีน: $ .browser.msie จะเป็นจริงหากเบราว์เซอร์เป็น MSIE

สำหรับหมายเลขเวอร์ชันหากคุณสนใจเฉพาะหมายเลขรุ่นหลัก - คุณสามารถใช้ parseInt ($. browser.version, 10) ไม่จำเป็นต้องแยกวิเคราะห์สตริง $ .browser.version ด้วยตัวคุณเอง

อย่างไรก็ตามคุณสมบัติ $ .support มีให้สำหรับการตรวจจับการสนับสนุนสำหรับคุณสมบัติเฉพาะแทนที่จะใช้ $ .browser