Redirect verso sito in versione Mobile

Francesco PC Academy di - 14 Gennaio 2013 in Web Design

Voglio condividere con voi in questo post, il codice Javascript che permette di reindirizzare in automatico un dispositivo mobile alla versione apposita del vostro sito.

Questo vuol dire che dovrete aver realizzato il sito sia nella versione desktop (per i pc) sia nella versione mobile per essere visualizzato in maniera migliore sugli schermi di iPhone e smartphone.

Con questo codice, inserito nell’head, ogni qual volta un dispositivo mobile si appresterà a entrare nel vostro sito visualizzerà in maniera automatica la versione Mobile.

Nei prossimi giorni, la Community vi mostrerà come realizzare siti per dispositivi mobili.

Il codice da incorporare è questo:

<script type=”text/javascript”>
if (checkmobile(navigator.userAgent)) window.parent.location=”//mobile.tuosito.com/”
function checkmobile(nameApp) {
if (nameApp.indexOf(‘MSIE’) != -1) return false;
if (nameApp.indexOf(‘iPhone’) != -1) return true;
if (nameApp.indexOf(‘Trident’) != -1) return true;
if (nameApp.indexOf(‘Creative AutoUpdate’) != -1) return false;

browser_list = new Array(“midp”, “j2me”, “avantg”, “docomo”, “novarra”, “palmos”, “palmsource”, “240×320”, “opwv”, “chtml”, “pda”, “windows ce”, “mmp/”, “blackberry”, “mib/”, “symbian”, “wireless”, “nokia”, “hand”, “mobi”, “phone”, “cdm”, “up.b”, “audio”, “SIE-“, “SEC-“, “samsung”, “HTC”, “mot-“, “mitsu”, “sagem”, “sony”, “alcatel”, “lg”, “erics”, “vx”, “NEC”, “philips”, “mmm”, “xx”, “panasonic”, “sharp”, “wap”, “sch”, “rover”, “pocket”, “benq”, “java”, “pt”, “pg”, “vox”, “amoi”, “bird”, “compal”, “kg”, “voda”, “sany”, “kdd”, “dbt”, “sendo”, “sgh”, “gradi”, “jb”, “dddi”, “moto”);
for(i=0;i<lenght(browser_list);i++){
if(nameApp.indexOf(browser_list[i]) != -1) return true;
}
return false;
}
</script>

Al posto di “//mobile.tuosito.com/” dovrete inserire il vostro link.

Francesco

Share

Promozioni

Potrebbe interessarti



Francesco PC Academy
Francesco: Lavora come freelance, si occupa di Web Design & Marketing, Strategie Digitali, Blogging e docenza. Per PC Academy cura: il tutoraggio dei corsi online Scrittura Creativa e Sceneggiatura; le lezioni in aula sulla creazione del CV infografico e come Presentarsi alle Aziende in modo professionale; la redazione di molti articoli di questo portale.

Commenti