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!