Il browser Web Safari su Apple iPad, iPhone e iPod Touch fornisce una proprietà orientation. È possibile leggere la proprietà orientation in JavaScript per rilevare l'orientamento del dispositivo. La proprietà orientation ha quattro possibili valori, ognuno dei quali corrisponde a uno dei quattro modi che l'utente può tenere loro dispositivo. È possibile rilevare l'orientamento ed eseguire codice JavaScript quando vengono apportate modifiche. Ad esempio, si può avere il layout del tuo sito Web cambia quando l'utente lancia il dispositivo.

Istruzioni

1

Aprire il codice HTML della tua pagina Web in un editor di testo.

2

Individuare il tag "< body >" nel codice e modificarlo al seguente:

< corpo onorientationchange="detectOrientation();" >

3

Aggiungere il seguente codice tra i "< head >" e "< / head >" tag nel codice HTML della tua pagina:

< script type = "text/javascript" >
Function detectOrientation () {

if ( orientation == 0 ) {
alert ('Portrait');
}
else if ( orientation == 90 ) {
alert ('Landscape, clockwise');
}
else if ( orientation == -90 ) {
alert ('Landscape, counterclockwise');
}
else if ( orientation == 180 ) {
alert ('Portrait, upside down');
}

}
< / script >

4

Sostituire le righe "avviso" nel codice con il codice JavaScript da eseguire quando cambia l'orientamento. Se non modifichi le linee di allarme, la pagina Crea un messaggio di avviso che informa il visitatore di orientamento del dispositivo.

5

Salvare il file HTML e caricarlo sul server Web.

Consigli & Avvertenze

• Questo funziona solo nelle versioni mobile di Safari, non il browser Safari per Mac OS X e Windows desktop e portatili.