Usare JavaScript per identificare un dispositivo mobile

Usare JavaScript per identificare un dispositivo mobile

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 :)

Invia nuovo commento
Il contenuto di questo campo è privato e non verrà mostrato pubblicamente.
Refresh Type the characters you see in this picture. Type the characters you see in the picture; if you can't read them, submit the form and a new image will be generated. Not case sensitive.  Switch to audio verification.