JavaScript: ฉันสามารถตรวจจับ IE9 ได้หรือไม่หากอยู่ในโหมดที่เข้ากันได้กับ IE7 หรือ IE8

ฉันต้องการทราบว่าเบราว์เซอร์ที่ระบุตัวเองผ่านสตริงตัวแทนผู้ใช้ว่าเป็น IE7 หรือ IE8 เป็นเบราว์เซอร์เหล่านั้นจริงๆหรือว่าเป็น IE9 ในโหมดความเข้ากันได้ 7 หรือ 8

จากสิ่งที่ฉันเห็นในสตริงตัวแทนผู้ใช้ IE9 ในโหมดความเข้ากันได้ของ IE7 ให้สตริงที่เหมือนกันกับ IE7 จริง มีคุณสมบัติ / องค์ประกอบ / วัตถุเพิ่มเติมที่ฉันสามารถทดสอบเพื่อดูว่า IE9 "จริงๆ" ปลอมตัวหรือไม่

ฉันคิดว่าโหมดเอกสารจะไม่ช่วยเนื่องจากหน้าที่โหลดสคริปต์ของฉันอาจเป็นการบังคับใช้นิสัยแปลก ๆ หรือบังคับให้มีการตั้งค่าเฉพาะ

ฉันหวังว่า IE9 จะมีคุณสมบัติบางอย่างที่มีอยู่และสามารถทดสอบได้ไม่ว่าจะอยู่ในโหมด 7, 8 หรือ 9 ก็ตาม

_{แก้ไขเพื่อเพิ่ม ...}

ตกลงฉันเข้าใจว่าตอนนี้ฉันผิดพลาดตรงไหน ฉันใช้เมนูแบบเลื่อนลง "โหมดเบราว์เซอร์" และเปลี่ยนเป็น IE8 และ IE7 และคิดว่านี่คือ "โหมดความเข้ากันได้ของ IE8" และ "โหมดความเข้ากันได้ของ IE7" ตามลำดับ นี่ไม่เป็นความจริงแน่นอน โหมดเบราว์เซอร์ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์กำลังเปลี่ยนเป็น "เป็นเหมือน" เบราว์เซอร์รุ่นเก่าเหล่านั้นจริงๆดังนั้นจึงถูกต้องเท่านั้นที่จะรายงานสตริงผู้ใช้ดั้งเดิม

ถ้าฉันออกจากโหมดเบราว์เซอร์ในความเข้ากันได้ของ IE9 หรือ IE9 และลองใช้ตัวแปรแบบเลื่อนลงของโหมดเอกสารแทนฉันจะได้รับ "Trident / 5.0" ในชุดค่าผสมทั้งหมด 8 แบบ (โหมดเบราว์เซอร์สองโหมดและโหมดเอกสาร 4 โหมด) ฉันต้องหลีกเลี่ยงการเลือกโหมดเบราว์เซอร์ IE7 และ IE8 เพราะเป็น IE7 และ IE8 (จำลอง) จริงๆ

ดังนั้นจึงไม่มีทางที่เพจผู้ใช้ที่ไม่ใช่นักพัฒนาเมตาแท็กหรือรายการความเข้ากันได้ของ Microsoft จะสามารถทำให้ IE9 อยู่ในสถานะที่ไม่สามารถระบุตัวตนได้

เพียงแค่ใช้if(navigator.userAgent.indexOf("Trident/5")>-1)จะเพียงพอ

ไม่ต้องกังวลนี่ไม่ใช่สำหรับสไตล์การจัดรูปแบบตรรกะหรือเนื้อหาของหน้า ฉันใช้การตรวจจับคุณสมบัติสำหรับสิ่งเหล่านั้น ฉันเพียงแค่ต้องตรวจจับ IE9 (ไม่ว่าจะอยู่ในโหมดใดก็ตาม) และทำการตัดสินใจเกี่ยวกับเนื้อหาที่ไม่ใช่หน้า

ขอบคุณสำหรับคำตอบพร้อมคำแนะนำและลิงก์ของคุณ

จริงๆแล้วสายอักขระตัวแทนผู้ใช้แตกต่างกันสำหรับ IE9 เมื่อทำงานในโหมดความเข้ากันได้ของ IE7 ดังนั้นนี่จึงเป็นวิธีที่ดีที่สุดวิธีหนึ่งในการแยกความแตกต่างระหว่าง IE เวอร์ชันต่างๆ

แนะนำ User Agent String ของ IE9 :

เช่นเดียวกับ IE8 มุมมองความเข้ากันได้ของ IE9 จะแมปกับโหมดมาตรฐาน IE7 และสตริง UA ของ IE9 เมื่ออยู่ในมุมมองความเข้ากันได้จะเป็น:

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/5.0)

ในมุมมองความเข้ากันได้ IE9 จะรายงานตัวเองเป็น IE7 ผ่านหมายเลขเวอร์ชันของแอปพลิเคชัน (Mozilla / 4.0) และโทเค็นเวอร์ชัน (MSIE 7.0) สิ่งนี้ทำเพื่อความเข้ากันได้ เพิ่มขึ้นตรีศูลโทเค็นจาก 'ตรีศูล / 4.0' เป็น 'ตรีศูล / 5.0' ช่วยให้เว็บไซต์ที่จะแยกแยะระหว่าง IE9 ทำงานใน compat ดูและ IE8 ทำงานใน compat ดู

(เน้นย้ำโดยฉัน) ดังนั้นสตริงตัวแทนผู้ใช้จะเหมือนกับที่รายงานตัวเองว่าเป็น "Mozilla / 4.0" และ MSIE 7.0 แต่ IE9 จะเป็น Trident / 5.0 เสมอไม่ว่าจะระบุว่า MSIE 7.0, MSIE 8.0 หรือ MSIE 9.0 ก็ตาม

จริงๆแล้วคุณควรตรวจสอบการรวบรวมที่ยอดเยี่ยมนี้: Browser ID (User-Agent) Stringsหรือดีกว่าuseragentstrings.com

document.documentMode เป็นวิธีที่ดีที่สุดสำหรับโหมดเอกสาร

IE7 ไม่มีข้อมูลใด ๆ เกี่ยวกับ Trident

User-Agent : Mozilla/4.0 (compatible; MSIE 7.0)

IE8 มีสตริงนี้: "Trident / 4.0"

User-Agent : Mozilla/4.0 (compatible; MSIE 8.0; Trident/4.0)

IE9 มีสตริงนี้: "Trident / 5.0"

IE9 ในโหมดความเข้ากันได้:

User-Agent : Mozilla/4.0 (compatible; MSIE 7.0; Trident/5.0)

IE9 ในโหมดปกติ:

User-Agent : Mozilla/5.0 (compatible; MSIE 9.0; Trident/5.0)

นี่คือตารางของโหมดเบราว์เซอร์และเอกสารทั้งหมดสำหรับ IE9 :

ฉันหวังว่า IE9 จะมีคุณสมบัติบางอย่างที่มีอยู่และสามารถทดสอบได้ไม่ว่าจะอยู่ในโหมด 7, 8 หรือ 9 ก็ตาม

ตรวจสอบเช่นstyle.opacityซึ่งเปิดตัวใน IE9 และพร้อมใช้งานโดยไม่คำนึงถึงโหมดความเข้ากันได้:

<![if IE]> 
<script>
if(typeof document.documentElement.style.opacity!='undefined')
{
  //this must be at least IE9 
}
</script>
<![endif]>

บางครั้งจำเป็นต้องอ่านสตริงตัวแทนผู้ใช้จากตัวแปรเซิร์ฟเวอร์ไม่ใช่จากวัตถุเนวิเกเตอร์จาวาสคริปต์

เปรียบเทียบความแตกต่าง:

• ASP คลาสสิกIE11

  • javascript ไคลเอนต์ navigator.userAgent: " Mozilla / 5.0 (เข้ากันได้; MSIE 9.0; Windows NT 6.1; WOW64; ตรีศูล / 7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; BOIE9; ENUS) "

  • ASP ของเซิร์ฟเวอร์ Request.ServerVariables ("HTTP_USER_AGENT"): " Mozilla / 5.0 (Windows NT 6.1; WOW64; Trident / 7.0; BOIE9; ENUS; rv: 11.0) เช่น Gecko "

• ASP classic โหมดความเข้ากันได้ของ IE11 :

  • javascript ไคลเอนต์ navigator.userAgent: " Mozilla / 5.0 (เข้ากันได้; MSIE 9.0; Windows NT 6.1; WOW64; ตรีศูล / 7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; BOIE9; ENUS)) "

  • ASP เซิร์ฟเวอร์ Request.ServerVariables ("HTTP_USER_AGENT"): " Mozilla / 4.0 (เข้ากันได้; MSIE 7.0; Windows NT 6.1; WOW64; Trident / 7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; BOIE9; ENUS) "

จากhttps://stackoverflow.com/a/29288153/2879498

สมมติว่าคุณมีองค์ประกอบที่ซ่อนอยู่พร้อมคำเตือนเกี่ยวกับรหัส:

Javascript พร้อม jQuery:

$(function(){
    function showCompatWarning() {
        $('#compat-warning')
            .css('display','block')
            .css('height','auto')
            .show();
    }
    var tridentOffset = navigator.appVersion.indexOf('Trident/');
    if ( tridentOffset === -1 ) return;
    var jscriptVersion = 0;
    /*@cc_on @*/
    /*@if (@_jscript) jscriptVersion = @_jscript_version ; @*/;
    /*@end @*/
    var tridentVersion = parseInt(navigator.appVersion.substr(tridentOffset+8),10);
    var guessIEVersion = tridentVersion + 4;
    if (( document.documentMode && jscriptVersion && jscriptVersion < 10 && jscriptVersion !== document.documentMode ) ||
        ( document.compatMode && document.compatMode === 'BackCompat') ||
        ( document.documentMode && document.documentMode < 10 && document.documentMode != guessIEVersion ))
        showCompatWarning();
});

การตรวจจับและคำเตือนแนวป้องกันแรกและสุดท้ายของคุณจากนรกความเข้ากันได้