Corsi on-line

Redirect per navigazione mobile

Nonostante la diffusione della navigazione mobile non tutti hanno ancora a disposizione un layout del proprio sito adatto sia alla visualizzazione tramite i monitor dei Pc che a quella sugli smartphone; d’altra parte non pochi preferiscono utilizzare a questo scopo due versioni di cui una più “leggera”, meno ricca di grafica, per gli internauti muniti di cellulare.

La presenza di due versioni impone di semplificare la vita dei navigatori mettendo a disposizione immediatamente le pagine più adatte per il dispositivo utilizzato; ciò è possibile grazie ad un semplice redirect che richiede poche righe di codice JavaScript:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/blackberry/i)))
{
  location.href='http://mobile.sito.com';
}else {
  location.href='http://www.sito.com';
}

Il breve script proposto ha la funzione di intercettare la tipologia di dispositivo utilizzato per la navigazione, se la variabile d’intestazione USER AGENT notifica l’utilizzo di un smartphone (in questo caso anche di un iPod), viene effettuato un redirect sulla versione mobile della risorsa, diversamente è possibile impostare la redirezione su un’altra pagina definita dal Webmaster.

Nota: sull’argomento si veda anche questo vecchio POST.

Post correlati
  • Una cosa del genere è poco praticabile se non addirittura impossibile da farsi, infatti il redirect avviene non in base alle caratteristiche dello user agent ma del dispositivo telefonico, questo fa sì che bisognerebbe prevedere una lunghissima lista di tali sistemi e tenerla sempre aggiornata.
    Meglio era avere un protocollo comune ma si sa gli standard si fanno poi altri li buttano via, vedi WML ad esempio.

I più letti del mese
Tematiche