I dispositivi mobile, ovvero i tablet e gli smartphone, generano quasi la metà del traffico internet. Per questo motivo è necessario poter essere in grado di gestirli correttamente anche dai siti web.
In questo articolo vediamo un semplice esempio di come fare per identificare se una pagina di un sito web è visualizzata da un terminale mobile invece che da un tradizionale PC.
Il sistema è molto semplice: basta verificare che la stringa userAgent corrisponda ad uno dei seguenti valori:
- Android
- webOS
- iPhone
- iPad
- iPod
- BlackBerry
- IEMobile
- Opera Mini
In JavaScript si può usare il metodo test() nel seguente modo:
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
// Codice da eseguire nel caso di un dispositivo mobile
// ...
} else {
// Codice da eseguire nel caso di un dispositivo tradizionale
// ...
}Nel caso in cui vengano messi in circolazione nuovi device, basterà aggiornare l'elenco delle alternative aggiungendo il relativo user agent.
Articolo molto utile :)