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!

0 0 voti
Valutazione dell'articolo
Iscriviti
Notificami
guest

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

0 Commenti
Vecchi
Più recenti Le più votate
Feedback in linea
Visualizza tutti i commenti
Rimani Aggiornato
Nuove idee, zero Spam
Ti invieremo solo le ultime novità di articoli o nostri progetti.
Iscrivendoti accetti la nostra privacy poliicy. Una volta iscritto, ricordati di attivare l'iscrizione cliccando sul link ricevuto via mail.
0
Esprimete la vostra opinione commentando.x