jQuery ब्राउज़र का पता लगाने?

Question

क्या यह पता लगाने का कोई अच्छा तरीका है कि उपयोगकर्ता का ब्राउज़र jQuery का उपयोग कर इंटरनेट एक्सप्लोरर है या नहीं?

मुझे आईई का उपयोग कर पीएनजी ग्राफिक्स के साथ कोई समस्या है और यदि वे आईई के साथ साइट देख रहे हैं तो उन्हें केवल जीआईएफ के लिए स्वैप करना चाहते हैं।

Answer 1

आप कर सकते हैं, $.browser का उपयोग कर हाँ, लेकिन यह एक बुरा विचार ब्राउज़र पहचान का उपयोग करना सीखें:

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

उदाहरण के लिए एक बेहतर विकल्प $.support होगा जो सुविधा पहचान है, इस तरह:

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

$.support.opacity कि स्टाइल में opacity का समर्थन नहीं करते हैं (हालांकि आईई 7-8 पारदर्शी PNG का फ़ाइल संभाल ब्राउज़रों में गलत है, तो यह अभी भी नहीं आदर्श है, क्या आप के बाद कर रहे हैं पर निर्भर करता है मैं व्यक्तिगत रूप से है ... लगता है कि आप IE 7/8 उपयोगकर्ताओं को उप-इष्टतम अनुभव दे रहे हैं)।

आप वास्तव में क्या करना चाहिए लक्ष्य IE6 है जो (एक अल्फा फिल्टर के बिना) नहीं समर्थन पारदर्शी PNG का होता है, इस तरह:

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

Answer 2

$.browser फ़ंक्शन देखें।

आईई का पता लगाने के लिए, आप IE conditional comments के लिए भी बेहतर और बेहतर जा सकते हैं।

उदाहरण:

<!--[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
के लिए आईई

Answer 4

हाँ, आप कर सकते हैं, लेकिन वे आपको jQuery.support का उपयोग करना पसंद: http://api.jquery.com/jQuery.support/।

इस मामले में, jQuery.support.opacity का उपयोग करें।

संपादित करें: यह मानना ​​है कि यह अस्पष्टता के बारे में है।

Answer 5

मुझे एहसास है कि यह कोई जवाब नहीं है - लेकिन मैं वास्तव में इसे एक टिप्पणी में पोस्ट नहीं कर सकता!

यदि आप जावास्क्रिप्ट का उपयोग करने जा रहे हैं तो यह कोड पीएनजी समस्या को IE6 के साथ ठीक करता है। मैंने इसका अधिक उपयोग नहीं किया है, लेकिन afaik आपको x.gif नामक पारदर्शी gif छवि की आवश्यकता है और यह स्वचालित रूप से बाकी है।

// 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 
} 

jQuery के साथ काम करता है 1.3

Answer 7

$ .browser 1.9 में हटा दिया गया है के रूप में यह अब सुझाव दिया है सुविधा का पता लगाने $ के माध्यम से पसंद किया जाता था।समर्थन

Answer 8

बेहतर ब्राउज़र का पता लगाने jQuery के लिए दृढ़ता से इस तरह के jQuery.support में संपत्तियों पर निर्भरता के बजाय Modernizr या पदावनत jQuery.browser (v1.9 के बाद से हटा दिया) के रूप में एक बाहरी पुस्तकालय के उपयोग की सलाह