JavaScript: IE9'u IE7 veya IE8 uyumluluk modundaysa tespit edebilir miyim?

Kendini kullanıcı aracısı dizesi aracılığıyla IE7 veya IE8 olarak tanımlayan tarayıcının gerçekten bu tarayıcılar mı yoksa 7 veya 8 uyumluluk modunda IE9 mu olduğunu bilmem gerekiyor.

Kullanıcı aracısı dizesinde görebildiğim kadarıyla, IE7 uyumluluk modunda bir IE9, gerçek bir IE7 ile aynı dizeyi sağlar. Kılık değiştirmiş "gerçekten" IE9 olup olmadığını görmek için test edebileceğim fazladan bir özellik / öğe / nesne var mı?

Betiğimin yüklendiği sayfa tuhaflıkları zorluyor veya belirli bir ayarı zorluyor olabileceği için belge modunun yardımcı olmayacağını varsayıyorum.

IE9'un 7, 8 veya 9 modunda olup olmadığına bakılmaksızın var olan ve test edilebilir bazı özelliklere sahip olacağını umuyorum.

_{Eklemek için düzenlendi…}

Tamam, şimdi nerede yanlış yaptığımı görüyorum. "Tarayıcı Modu" açılır menüsünü kullanıyordum ve onu IE8 ve IE7'ye geçiriyordum ve bunun sırasıyla "IE8 uyumluluk modu" ve "IE7 uyumluluk modu" olduğunu düşünüyordum. Bu elbette doğru değil. Geliştirici araçlarının Tarayıcı modu gerçekten onu eski tarayıcılara "benzemek" için değiştiriyor, bu nedenle orijinal useragent dizelerinin rapor edilmesi yalnızca doğru.

Tarayıcı modunu IE9 veya IE9 uyumluluğunda bırakır ve bunun yerine belge modu açılır varyantlarını denersem, aslında 8 kombinasyonun tamamında (iki tarayıcı modu ve 4 belge modu) "Trident / 5.0" var. IE7 ve IE8 tarayıcı modunu seçmekten kaçınmam gerekiyor çünkü bunlar gerçekten (simüle edilmiş) IE7 ve IE8.

Bu nedenle, bir sayfanın, geliştirici olmayan bir kullanıcının, bir meta etiketin veya Microsoft'un uyumluluk listesinin IE9'u bu tanımlanamaz duruma sokması mümkün değildir.

Sadece kullanmak if(navigator.userAgent.indexOf("Trident/5")>-1)yeterli olacaktır.

Merak etmeyin, bu stiller, biçimlendirme, mantık veya sayfa içeriği için değildir. Bu şeyler için özellik tespitini kullanıyorum. Sadece IE9'u (hangi modda olduğuna bakılmaksızın) tespit etmem ve bununla ilgili sayfa dışı içerik kararı vermem gerekiyor.

Önerileriniz ve bağlantılarınızla beni yanıta yönlendirdiğiniz için teşekkür ederiz.

Aslında, IE7 uyumluluk modunda çalıştırıldığında kullanıcı aracısı dizesi IE9 için farklıdır, bu nedenle bu, farklı IE sürümleri arasında ayrım yapmanın en iyi yollarından biri olacaktır.

IE9'un Kullanıcı Aracı Dizesi Tanıtımı :

IE8'e benzer şekilde, IE9'un Uyumluluk Görünümü IE7 Standartları Modu ile eşleşecek ve Uyumluluk Görünümü'ndeyken IE9'un UA dizesi şu şekilde olacaktır:

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

Uyumluluk Görünümünde IE9, uygulama sürüm numarası (Mozilla / 4.0) ve sürüm belirteci (MSIE 7.0) aracılığıyla kendisini IE7 olarak bildirir. Bu uyumluluk için yapılır. 'Trident / 4.0'dan' Trident / 5.0'a yükseltilmiş bir Trident belirteci, web sitelerinin Uyum Görünümünde çalışan IE9 ile Uyum Görünümünde çalışan IE8 arasında ayrım yapmasına olanak tanır .

(vurgu benim tarafımdan eklendi). Dolayısıyla, kullanıcı aracısı dizesi kendisini "Mozilla / 4.0" ve MSIE 7.0 olarak bildirdiği gibi aynıdır, ancak IE9 her zaman Trident / 5.0 olacaktır - MSIE 7.0, MSIE 8.0 veya MSIE 9.0 olsun.

Aslında bu harika derlemeye bir göz atmalısınız: Tarayıcı Kimliği (Kullanıcı Aracı) Dizeleri veya daha da iyisi useragentstrings.com

document.documentMode belge modu için en iyi yoldur.

IE7, Trident hakkında herhangi bir bilgi içermiyor

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

IE8 şu dizeyi içerir: "Trident / 4.0"

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

IE9 şu dizeyi içerir: "Trident / 5.0"

Uyumluluk modunda IE9:

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

Normal modda IE9:

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

IE9 için tüm Tarayıcı ve Belge modlarının bir tablosu :

IE9'un 7, 8 veya 9 modunda olup olmadığına bakılmaksızın var olan ve test edilebilir bazı özelliklere sahip olacağını umuyorum.

Örneğin style.opacity için kontrol edin, IE9'da tanıtıldı ve uyumluluk modundan bağımsız olarak kullanılabilir:

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

Bazen kullanıcı Agent dizesini javascript navigator nesnesinden değil, sunucu Değişkeninden okumak gerekir.

Farklılıkları karşılaştırın:

• ASP klasik, IE11

  • istemci javascript, navigator.userAgent: " Mozilla / 5.0 (uyumlu; MSIE 9.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) "

  • sunucu ASP, Request.ServerVariables ("HTTP_USER_AGENT"): " Mozilla / 5.0 (Windows NT 6.1; WOW64; Trident / 7.0; BOIE9; ENUS; rv: 11.0) Gecko gibi "

• ASP klasik, IE11 Uyumluluk modu :

  • istemci javascript, navigator.userAgent: " Mozilla / 5.0 (uyumlu; MSIE 9.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)) "

  • sunucu ASP, Request.ServerVariables ("HTTP_USER_AGENT"): " Mozilla / 4.0 (uyumlu; 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) "

Gönderen https://stackoverflow.com/a/29288153/2879498

Kimlik uyum uyarısına sahip gizli bir öğeniz olduğunu varsayarsak:

Javascript w / 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();
});

Tespit ve uyarılar, uyumluluk cehennemine karşı ilk ve son savunma hattınız.