Riconoscere la versione di IE con le nuove versioni jQuery

Scopriamo come riconoscere la versione di Internet Explorer (IE) con le nuove versioni di jQuery che non supportano più il metodo jQuery.browser.

Come tutti ben sapranno il supporto al metodo jQuery.browser è stato ufficialmente rimosso nelle nuove release 1.9 di jQuery. Per chi non lo conoscesse, questa funzione permetteva di identificare il tipo di user-agent usato dal visitatore; Ad esempio, permetteva di conoscere che versione di Internet Explorer era in uso. Il metodo è stato molto utilizzato, in moltissimi script nel corso degli anni, ma con l’avvento della build 1.9 delle librerie è stato ufficialmente deprecato e rimosso.

In questo articolo vi segnalo un comodo snippet javascript per ovviare il problema e ritornare a usare questa (comoda) funzione per identificare, nello specifico, che tipo di versione di Internet Explorer è in uso dai nostri visitatori. Molto utile per rendere i nostri script davvero cross-browser o, in generale per coloro che curano anche questi dettagli.

[button link=”http://www.targetweb.it/tutorial/2013/jquery-browser/index.html” color=”blue” target=”blank” size=”large”]Demo (apri con IE)[/button]

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script type="text/javascript">
  $(function() {

    /* ==================================================
      Detect IE
    ================================================== */

      var ie = (function(){
        var undef,
          v = 3,
          div = document.createElement('div'),
          all = div.getElementsByTagName('i');
        while (
          div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
          all[0]
        );
        return v > 4 ? v : undef;
      }());

      //Fai qualcosa, nel nostro caso un alert contenente la versione di IE in uso
      alert(ie);

  });//DOM
 </script>

[button link=”http://www.targetweb.it/tutorial/2013/jquery-browser/index.html” color=”blue” target=”blank” size=”large”]Demo (apri con IE)[/button] [button link=”http://www.targetweb.it/download/2013/jquery-browser.zip” color=”blue” target=”blank” size=”large”]Download[/button]

Conosci altri metodi alternativi a questo? Fammelo sapere nei commenti!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

creare-pulsante-torna-su-con-jquery
Up Next:

Creare un pulsante "torna su" con jQuery

Creare un pulsante "torna su" con jQuery