pc Loft.it

Reindirizzare il sito internet alla versione mobile con javascript

Oggi vi segnaliamo un piccolissimo trucchetto che ci sta tornando utile, spesso capita di realizzare un sito internet che presenta anche una versione mobile e ci piacerebbe fare in modo che chi entra con un dispositivo adatto sia immediatamente reindirizzato alla giusta versione.

Le strade da seguire in questi casi sono due:

1. Analizzare la user agent con php e fare il redirect lato server

2. Utilizzare un piccolo script per fare il redirect con javascript lato client (il caso del nostro esempio)

Il procedimento è semplicissimo, immaginiamo che il nostro sito sia: www.sito.it e la nostra versione mobile sia www.sito.it/mobile, per fare in modo che accedendo alla index veniamo reindirizzati alla versione corretta utilizzare queste righe di codice nel tag head della vostra pagina principale:

 
1
2
3
4
5
6
7
8
9
10
<script>
if(
 navigator.userAgent.match(/Android/i) ||
 navigator.userAgent.match(/webOS/i) ||
 navigator.userAgent.match(/iPhone/i) ||
 navigator.userAgent.match(/iPod/i) ||
 navigator.userAgent.match(/BlackBerry/i)
){
location.href="http://www.sito.it/mobile";
}</script>


Il funzionamento è banale, non fa altro che controllare la user agent del browser client alla ricerca di parole specifiche che identificano dispositivi mobile. Ecco fatto, in questo modo il vostro sito internet reindirizzerà gli utenti alla giusta versione.