Sempre più siti web stanno vedendo un aumento nel traffico da browser per dispositivi mobili, in particolare Safari Mobile, che gira su iPhone e iPod touch. Mentre Safari Mobile è perfettamente in grado di visualizzare i siti Web progettati per browser standard, ci sono momento in cui dettaglio è perso a causa delle dimensioni ridotte.

È possibile progettare un sito Web in modo che nulla è perduto per iPhone visitatori seguendo un prendendo a pochi passi per modificare l'esistente del sito.

Istruzioni

1

Rimuovere qualsiasi contenuto Flash inutile. Il browser Safari Mobile non è in grado di visualizzare filmati Flash. Qualsiasi contenuto che era in Flash deve essere convertito in un formato di testo per i tuoi visitatori a leggere.

2

Utilizzare il vostro programma FTP per scaricare file CSS principale del tuo sito dal server web. Una volta che hai questo file, aprirlo con il tuo editor di testo o di software di progettazione web e incollare il seguente codice per nascondere gli elementi di navigazione:

@media solo schermo e (max-device-width: 480px) {
.Navigation () {
display: none;
}
}

Salvare questo file.

3

Caricare il file CSS che appena modificato sul server web.

4

Scaricare i file HTML per le pagine web che si desidera convertire in browser dell'iPhone. Su ognuna di queste pagine, inserire il codice riportato di seguito per visualizzare gli elementi di navigazione in Internet Explorer:

<!-[se! IE] >-->
< link media = "solo screen e (max-device-width: 480px)"
rel = "stylesheet" type = "text/css" href="iPhone.css"/ >
<!-<! [endif]-->

Salvare questi file e caricarli al server web utilizzando il tuo programma FTP.

5

Creare un nuovo file chiamato iPhone.css. Questo conterrà gli elementi CSS per il browser Safari Mobile. È possibile utilizzare CSS per le pagine di stile in qualsiasi modo che si vede in forma, ma deve contenere queste righe:

.Navigation () {
display: none;
}

Salvare il file e caricarlo sul server

6

Testare le pagine Web modificate nei vari browser. Assicurarsi di testare come il sito viene visualizzato su un iPhone o utilizzando il simulatore di iPhone (Vedi risorse).