wykrywanie przeglądarki jQuery?

Question

Czy istnieje dobry sposób na wykrycie, czy przeglądarka użytkownika jest programem Internet Explorer za pomocą jQuery?

Mam problem z grafiką PNG za pomocą IE i chcę zamienić je na GIF tylko wtedy, gdy użytkownik przegląda witrynę za pomocą IE.

Answer 1

Ty może użyciu $.browser tak, ale jest to zły pomysł, aby użyć wykrywanie przeglądarki:

if($.browser.msie) { /* IE */ } 

Lepszym rozwiązaniem na przykład byłby $.support który to jest detekcja z detekcją, podobną do następującej:

if(!$.support.opacity) { /* IE 6-8 */ } 

$.support.opacity jest fałszywe w przeglądarkach, które nie obsługują opacity w stylizacji (choć IE 7-8 uchwyt przezroczysty plik PNG, więc to nadal nie jest idealna, w zależności od tego, co jesteś po ... osobiście myśl, że dajesz użytkownikom IE 7/8 nieoptymalne doświadczenie).

Co należy naprawdę zrobić, to cel, który IE6 nie wsparcia przejrzyste PNG (bez filtra alfa), podobnie jak to:

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="IE6ImageStyles.css"> 
<![endif]--> 

Answer 2

Sprawdź funkcję $.browser.

Aby wykryć IE, można również i lepiej wybrać IE conditional comments.

Przykład:

<!--[if IE]> 
    Special instructions for IE here 
<![endif]--> 

Answer 3

<script> 
    jQuery.each(jQuery.browser, function(i, val) { 
     $("<div>" + i + " : <span>" + val + "</span>") 
       .appendTo(document.body); 
    });</script> 

$ Browser.msie
dla IE

Answer 4

Tak, możesz, ale wolą korzystać z jQuery.support: http://api.jquery.com/jQuery.support/. W tym przypadku użyj jQuery.support.opacity.

Edycja: zakładając, że chodzi oczywiście o krycie.

Answer 5

Rozumiem, że to nie jest odpowiedź - ale nie mogę tego opublikować w komentarzu!

Jeśli zamierzasz używać javascript, ten kod rozwiązuje problem PNG na poziomie ie6. Nie używałem go zbyt wiele, ale afaik potrzebujesz przezroczystego obrazu gif o nazwie x.gif, który wykonuje resztę automatycznie.

// JavaScript Document 

var supersleight = function() { 

    var root = false; 
    var applyPositioning = true; 

    // Path to a transparent GIF image 
    var shim   = 'x.gif'; 

    // RegExp to match above GIF image name 
    var shim_pattern = /x\.gif$/i; 



    var fnLoadPngs = function() { 
     if (root) { 
      root = document.getElementById(root); 
     }else{ 
      root = document; 
     } 
     for (var i = root.all.length - 1, obj = null; (obj = root.all[i]); i--) { 
      // background pngs 
      if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) { 
       bg_fnFixPng(obj); 
      } 
      // image elements 
      if (obj.tagName=='IMG' && obj.src.match(/\.png$/i) !== null){ 
       el_fnFixPng(obj); 
      } 
      // apply position to 'active' elements 
      if (applyPositioning && (obj.tagName=='A' || obj.tagName=='INPUT') && obj.style.position === ''){ 
       obj.style.position = 'relative'; 
      } 
     } 
    }; 

    var bg_fnFixPng = function(obj) { 
     var mode = 'scale'; 
     var bg = obj.currentStyle.backgroundImage; 
     var src = bg.substring(5,bg.length-2); 
     if (obj.currentStyle.backgroundRepeat == 'no-repeat') { 
      mode = 'crop'; 
     } 
     obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')"; 
     obj.style.backgroundImage = 'url('+shim+')'; 
    }; 

    var el_fnFixPng = function(img) { 
     var src = img.src; 
     img.style.width = img.width + "px"; 
     img.style.height = img.height + "px"; 
     img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"; 
     img.src = shim; 
    }; 

    var addLoadEvent = function(func) { 
     var oldonload = window.onload; 
     if (typeof window.onload != 'function') { 
      window.onload = func; 
     } else { 
      window.onload = function() { 
       if (oldonload) { 
        oldonload(); 
       } 
       func(); 
      }; 
     } 
    }; 

    return { 
     init: function() { 
      addLoadEvent(fnLoadPngs); 
     }, 

     limitTo: function(el) { 
      root = el; 
     }, 

     run: function() { 
      fnLoadPngs(); 
     } 
    }; 
}(); 

// limit to part of the page ... pass an ID to limitTo: 
// supersleight.limitTo('header'); 

supersleight.init(); 

Answer 6

$.browser.webkit 
$.browser.safari 
$.browser.opera 
$.browser.msie 
$.browser.mozilla 

if ($.browser.msie) { 
     //do something 
} 
else if ($.browser.mozilla) { 
     //do something else 
} 

działa z jQuery 1.3

Answer 7

$ .browser została usunięta w 1,9 jak to teraz sugeruje wykrywanie cechą było preferowane przez $.Wsparcie

Answer 8

Dla lepszego wykrywania przeglądarki jQuery zalecamy korzystanie z zewnętrznej biblioteki takie jak Modernizr zamiast uzależnienia od właściwości w jQuery.support lub nieaktualnych jQuery.browser (usuniętego od v1.9)