riconoscere browser mobile CON jAVASCRIPT

Con la diffusione dei cellulari evoluti (Android, IPhone, Symbian, Windows Mobile e BlackBarry) stiamo attraversando la crescita maggiore di navigazione tramite browser mobile. I siti più importanti e curati sono già corsi ai riparti introducendo le relative versioni per i browser light adottati dai cellulari. E tu?

In questo articolo vi presentiamo un pezzo di codice javascript che potrà esservi molto utile se avete intenzione di modificare il sito per renderlo compatibile ai browser dei cellulari.

Funzione Javascript: Come riconoscere browser mobile

<script type="text/javascript">// <![CDATA[ 
   var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 
   if (mobile) { 
   document.location = "http://www.yoursite.com/mobile.html";
   } 
// ]]></script> 

Come funziona?

La versione del browser viene letta dalla proprietà navigator.userAgent con Javascript che restituisce un oggetto stringa con la quale potete individuare il nome e la versione di un qualsiasi browser web

Un esempio di output per navigator.userAgent:
Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us;
ADR6300 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Se hai trovato utile l'articolo sostieni questo sito con un semplice voto. Clicca qui di seguito per votarci Grazie :-)
Ti è piaciuto l'articolo? Iscriviti via RSS. Grazie per la visita!