TUTORIAL – Come creare un redirect alla versione ottimizzata per iphone/mobile del nostro sito

Nel caso abbiate creato una versione del vostro sito ottimizzata per l’iphone, come per questo sito, potreste avere necessitĂ di creare un redirect automatico per gli utenti iphone dal sito principale alla versione mobile.
Inserendo nell’head del vostro file di index o header un comando in javascript, potrete farlo facilmente.
Ecco il codice:
<script type="text/javascript">
if (checkmobile(navigator.userAgent)) window.parent.location="http://URL-VOSTRO-SITO-OTTIMIZZATO-PER-IPHONE/"
function checkmobile(nameApp) {
if (nameApp.indexOf('MSIE') != -1) return false;
if (nameApp.indexOf('iPhone') != -1) return true;
for(i=0;i<lenght(browser_list);i++){
if(nameApp.indexOf(browser_list[i]) != -1) return true;
}
return false;
}
</script>
Chiaramente potrete utilizzare lo stesso comando per effettuare un redirect alla versione mobile anche per chi si collega con altri browser da dispositivi mobili. Per esempio aggiungendo la stringa
if (nameApp.indexOf('Opera Mini') != -1) return true;
potrete reindirizzare anche chi si collega da un browser Opera Mini. In conclusione se nella stringa il comando è impostato su “true” il codice reindirizza la navigazione alla versione ‘mobile’, se invece il comando è “false” la navigazione rimane nella versione standard del sito.
Tags: iphone, redirect mobile, redirect versione iphone, tutorial








