Reindirizzamento mobile
https://stackoverflow.com/questions/609423
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Ho una pagina web e recentemente mi è stato chiesto di creare la versione mobile per esso, ora che l'ho fatto mi è stato chiesto di effettuare un reindirizzamento automatico in modo che se l'utente accede alla pagina Web tramite un PDA / iPhone / Smartphone / etc viene automaticamente indirizzato su m.website.com ma non ho idea di come farlo = / Ho provato alcuni php e javascript che ho trovato usando Google, ma finora nulla mi ha aiutato. Ragazzi, ragazzi?
Soluzione
Scopri WURFL e crea un redirector 302 per User-Agent che corrisponda al suo elenco di stringhe di user-agent per browser mobile.
Oppure cerca iPhone nell'agente utente e reindirizza quelli sul tuo sito iPhone. Gli altri browser hanno una quota di mercato così ridotta che non vale la pena prenderli di mira. iPhone rappresenta il 67 percento del traffico HTML Web mobile. Puoi farlo in Javascript sulla tua pagina web.
Altri suggerimenti
Ho pubblicato l'ultima versione di "Apache Mobile Filter", questo progetto open source ha nei primi 8 mesi più di 1100 download da sourceforge e suppongo lo stesso da CPAN.
Apache Mobile Filter consente di accedere a WURFL da qualsiasi linguaggio di programmazione, non solo Java e php, tradizionalmente utilizzato per siti Web mobili dinamici.
Il modulo rileva il dispositivo mobile e passa le funzionalità WURFL all'altra applicazione Web come variabili di ambiente. Può anche essere usato per ridimensionare le immagini al volo per adattarsi alle dimensioni dello schermo del dispositivo mobile. Provalo e fammi sapere la tua opinione.
Per maggiori informazioni: http://www.idelfuschini.it /it/apache-mobile-filter-v2x.html
Ho scritto uno script JS chiamato " redirection_mobile.js " per risolvere questo problema. Rileva l'agente utente e reindirizza a una versione mobile se si accede a un sito da un dispositivo mobile.
In alcuni casi vuoi reindirizzare da un dispositivo mobile a una versione desktop (come con un link "Vai al sito principale"), lo script lo gestirà e una volta terminata la sessione, accederai a di nuovo la versione mobile.
Puoi trovare il codice sorgente su github qui https://github.com/sebarmeli/JS-Redirection-Mobile-Site e puoi leggere maggiori dettagli in uno dei miei articoli qui:
forse se si elenca il codice che non funziona, potrebbe essere fornito ulteriore aiuto.
se hai php, il rilevamento di User Agent funziona bene nella maggior parte dei casi.
< ?php
$browser = strpos( forse se si elenca il codice che non funziona, potrebbe essere fornito ulteriore aiuto.
se hai php, il rilevamento di User Agent funziona bene nella maggior parte dei casi.
<*>
Inoltre, sembra un duplicato di:
Identificazione di diversi telefoni cellulari e reindirizzamento a siti Web diversi
SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { header(”Location: http://www.example.com/“); }
}
?>
Inoltre, sembra un duplicato di: Identificazione di diversi telefoni cellulari e reindirizzamento a siti Web diversi
Una domanda molto simile è stata posta e ha risposto qui:
Come faccio a determinare se è un dispositivo mobile con PHP?
Tradizionalmente i dispositivi mobili sono stati rilevato confrontando l'HTTP Intestazione User-Agent su un elenco di stringhe UA mobili ben note. Un romanzo l'approccio invece cerca di rilevare il presenza di un sistema operativo desktop - qualsiasi cosa che risulta non essere un sistema operativo desktop deve quindi essere mobile.
Ciò si traduce in molto meno falso positivi.
Ho scritto un post con un codice di esempio in Python qui:
Rileva se un dispositivo è un desktop - in caso contrario, reindirizza al tuo sito mobile!
Saluti,
Giovanni
Dopo aver configurato il tuo sottodominio mobile, assicurati di fare riferimento a questo articolo da A List Apart che descrive come i dispositivi mobili reagiscono all'attributo CSS, media = " palmare " ;. Sfortunatamente, non tutti reagiscono allo stesso modo.
http://www.alistapart.com/articles/returnofthemobilestylesheet
Il " Apache Mobile Filter " è uno dei moduli di "Apache Module Registry" portale ( http://modules.apache.org/search.php?id=1787 )
Uso http://detectmobilebrowser.com e ho scoperto che è il modo più rapido e semplice. Funziona abbastanza bene. Questo sito genera automaticamente script server (php, perl, python, coldfusion, apache, jquery, ecc.) Che rileva il browser mobile e reindirizza di conseguenza. Puoi semplicemente copiare e incollare il codice da qualche parte nel tuo file Index.
Questo bit di Javascript potrebbe anche aiutare:
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB10|IEMobile|Opera Mini/i.test(navigator.userAgent) ) //Specify the mobile devices that you would like this if statement to apply to.
{
image_y = document.getElementById('bodyID'); //Get the ID of the body and assign it to a variable.
image_y.parentNode.removeChild(image_y); //Remove the body to prevent anything loading on the screen in case there are issues with the window location redirect.
window.location = "mobile.html"; //Re-assign the window location to a new html page that is caters for the redirect.
}
</script>
L'ho inserito all'inizio del corpo HTML.
