utentionline
add to delicious

searchengine
Inserisci i termini di ricerca
NewsLetter
Hai poco tempo? C'e' un modo velocissimo per rimanere sempre aggiornato con nuovi articoli e tutorial, nuovi corsi in partenza, approfondimenti e link utili e tanto altro ancora...
nome
email
quicklinks
Web Directory
WebDesigner
Tutorials Flash Mx
Tutorials ASP
Tutorials XHTML
Tutorials Javascript
Tutorials HTML-CSS
Tutorials SQL
Tutorials PHP & MySQL
AJAX applicazioni web
Web Marketing
Web Development
Template & Layout
Non solo Web :: Blog
Portfolio Lavori
Who is Yappy?
Benvenuto nella Newsletter
libririviste
Calendario motoGP 2007
newscorsi
FAQ & Domande
newscorsi
Web Designer gratuito
Corso Web Designer Gratuito per creare siti internet trucchi, consigli, esempi pratici e template per diventare un vero web designer.


Seo Extreme 2007
Al corso nazionale "Seo Extreme 2007" troverai le ultime tecniche e strategie di Posizionamento nei motori di ricerca. Parteciperai ad un corso di alto livello dedicato a chi vuole fare posizionamento...

Leggi tutti...
libririviste
Web Design Facile
"Web Design Facile" di Davide Vasta è una guida pratica che conduce il lettore, passo per passo attraverso la realizzazione di un sito Internet: dalla creazione di un prototipo da mostrare al cliente fino al suo sviluppo definitivo.

WebDesigner 22
Web Designer Magazine n.22. Flash in prima linea, conoscere l'ultima versione del programma Macromedia. Inserire video Flash nelle vostre pagine. In primo piano "diventare Designer di successo".

Leggi tutti...
Web Marketing
Trucchi headlines efficaci 8
 

Trucchi headlines efficaci 7
 

Leggi tutti...
tagclouds
Motori di ricerca & Marketing corso javascript Preload in Flash javascript gallery Free Web Tools il significato dei colori news n.2 - 16/01/2006 Pubblicità? Flash Firenze Lodging Cookies & Javascript Corsa ed Obiettivi Flash versus Google
syndicate
RSS 2.0
Atom feed

 

CreativeCommons
Licenza Creative Commons
Questo/a opera e' pubblicata sotto una Licenza Creative Commons.

 

Redirect a sito ottimizzato per 'mobile'

[18 Dic  2009]
A volte risulta necessario realizzare il redirect automatico che carica la versione 'mobile' del sito (per intendersi quella ottimizzata per i cellulari). Questo codice è utilizzabile in ogni pagina html basta inserirlo nella testata.

A livello pratico sconsiglio la realizzazione di un sito ottimizzato per i cellulari, in quanto i cellulari che navigano sul web hanno dei veri e propri browser (Mozilla, Safari, IE) come quelli utilizzati per i pc tradizionali.
Imporre automaticamente la visita a un sito 'light' potrebbe non essere gradito ad un visitatore che dispone di un iPhone o di un Blackberry ultima generazione che appunto vorrebbe visitare il sito come qualunque altro utente.

Utilizzando in una pagina il comando PHP 

<?=$_SERVER["HTTP_USER_AGENT"]?>

o il comando javascript

<script type="text/javascript">
    document.write(navigator.userAgent+'<br>');
</script>

il risultato è

Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; it-it) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16

mentre usando il pc ottengo

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; GTB6.3; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618)

Come potete vedere il brower non è dissimile a quello usato da un normale pc.
In conclusione, fate attenzione, e scegliete in modo appropriato a fine di ogni riga il comando true/false, dove se il comando è true il codice fa saltare la navigazione alla versione 'mobile' se invece il comando è false la navigazione rimane nella pagina corrente.

Redirect JS

Ecco tutto il codice necessario...

<script type="text/javascript">
if (checkmobile(navigator.userAgent)) window.parent.location="http://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", "240x320", "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>

Questo script va messo in testata ed effettua il controllo del browser utilizzato dall'utente.
Nella prima parte abbiamo inserito i browser più avanzati, utilizzati dai cellulari più recenti, successivamente è stato inserito l'elenco dei browser/navigatori meno efficienti.

se il responso è true allora il browser è indirizzato al nuovo URL:

window.parent.location="http://mobile.tuosito.com/"

se il responso è false il browser continua con la navigazione all'interno della pagina.

 
extralink
yappy.it © 2003/2004/2005/2006/2007 Fight Spam! Click Here!
Valid css2 & xhtml 1.0 - powered by dotflorence.com