September 11
C'è una tale varietà di dispositivi e dimensioni dello schermo là fuori che è difficile sviluppare un sito web che è garantito per guardare bene su tutti. tecniche di progettazione reattivo e media query CSS hanno offerto il maggior numero di soluzioni ad alto contenuto tecnologico, ma questo approccio non è sempre pratico. I redirect sono un modo rapido ed efficiente per inviare agli utenti un dispositivo specifico, browser o dimensioni dello schermo a una home page che è ottimizzato per loro. Considerare questi fattori nella scelta di un metodo di reindirizzamento, dato che non tutti i browser supportano JavaScript, e non tutti i dispositivi richiedono l'ottimizzazione mobile.
1 Aprire il documento home page per il tuo sito in un editor di testo o HTML. Posizionare il cursore appena sopra la "</ head>" tag e premere "Invio" una volta per creare una riga vuota.
2 Copiare il seguente codice e incollarlo nella riga vuota:
<Script type = "text / javascript">
<! -
if (screen.width <= 699) {
document.location = "filename.html";
}
// ->
</ Script>
3 Sostituire "filename.html" con il nome della pagina per sistemi portatili, relativi alla vostra principale del sito. Per esempio:
document.location = "/m/index.html";
O:
document.location = "mobile.html";
Questo codice reindirizzare qualsiasi dispositivo con un rapporto larghezza sotto 699 pixel per il tuo sito mobile. È possibile regolare la larghezza dello schermo a 480 se si vuole indirizzare iPhone e altri smartphone in particolare o aggiungere la seguente funzione appena sopra la "// ->" linea:
if ((navigator.userAgent.match (/ iPhone / i)) || (navigator.userAgent.match (/ iPod / i))) {
location.replace ( "http://www.yoursite.com/iPhone.html");
}
Sostituire "http://www.yoursite.com/iPhone.html" con l'URL al tuo sito web ottimizzate per l'iPhone.
4 Aprire la home page o di un documento di intestazione in un editor di testo o HTML e verificare la libreria jQuery è stato incluso. In caso contrario, sarà necessario aggiungere appena sopra la "</ head>" tag. La linea dovrebbe essere simile a questo:
<Script type = "text / javascript" script da Github. Creare una riga vuota appena sopra il tag "</ head>" e includere il seguente script:
<Script con l'URL del tuo sito mobile ottimizzato e il sito ottimizzata per i tablet. Altri redirect normalmente trattano browser tablet come un dispositivo mobile, che può essere indesiderabile. Ad esempio, questo reindirizzamento consente di puntare gli utenti iPad al tuo sito normale, e agli utenti iPhone di una versione mobile:
mobile_url : "m.mysite.com",
tablet_url: "www.mysite.com",
7 Aprire il documento che contiene l'intestazione sito web, come ad esempio "header.php" o "index.php". Posizionare il cursore all'inizio del documento e premere "Invio" per creare una riga vuota.
8 Copia il seguente blocco di codice e incollarlo nella riga vuota:
<? Php function mobileDevice ()
{
$ Type = $ _SERVER [ 'HTTP_USER_AGENT'];
if (strpos ((string) $ tipo, "Windows Phone")! = falsi || strpos ((string) $ tipo, "iPhone")! = falsi strpos || ((string) $ tipo, "Android")! = false)
return true;
altro
return false;
}
if (mobileDevice () == true)
intestazione ( 'Località http://www.yoursite.com/m/'); ?>
9 Sostituire l'URL dopo "Location:" sull'ultima linea con l'URL per la pagina ottimizzata per cellulari. Per esempio:
intestazione ( 'Località http://www.mysite.com/mobile.php'); ?>
O:
intestazione ( '. Località: http: // m mysite.com/'); ?>
10 Connettersi al server Web utilizzando il pannello di controllo hosting o un programma FTP. Modificare il file ".htaccess". Se non si è in grado di modificare direttamente i file, scaricare il file sul desktop e aprirlo utilizzando il blocco note. Se non si dispone di un file ".htaccess", aprire il Blocco note e creare un nuovo documento.
11 Incollare il seguente blocco di codice nel file. Se si sta modificando un file esistente, incollare questo codice nella parte inferiore per evitare di sovrascrivere le disposizioni esistenti:
reindirizzare i browser mobili
% RewriteCond {} ^ HTTP_USER_AGENT.
IPhone. $
RewriteRule ^ (. *) $ Http://mobile.yourdomain.com [R = 301]
% RewriteCond {} ^ HTTP_USER_AGENT. BlackBerry. $
RewriteRule ^ (. *) $ Http://mobile.yourdomain.com [R = 301]
% RewriteCond {} ^ HTTP_USER_AGENT. Palm. $
RewriteRule ^ (. *) $ Http://mobile.yourdomain.com [R = 301]
Questo reindirizzamento è ottimale, in quanto sarà solo inviare i dispositivi con browser mobile al tuo sito web mobile, lasciando altri dispositivi solo con i browser Web con funzionalità complete.
12 Sostituire "http://mobile.yourdomain.com" con l'URL per la pagina ottimizzata per cellulari. Per esempio:
RewriteRule ^ (. *) $ Http://www.mysite.com/m [R = 301]
Salvare il file. Se si utilizza il Blocco note, assicurarsi che "Tutti i file" viene selezionato nel menu "Tipo di file", e il nome del file ".htaccess" senza estensione ".txt". Carica il file nella cartella principale del tuo dominio.