Come per rilevare un orientamento in Safari

December 13

Come per rilevare un orientamento in Safari


Il browser web Safari su Apple iPad, iPhone e iPod Touch fornisce una proprietà di orientamento. È possibile leggere la proprietà orientamento JavaScript per rilevare l'orientamento del dispositivo. La struttura orientamento ha quattro valori possibili, ciascuno dei quali corrisponde ad uno dei quattro modi l'utente può tenere il proprio dispositivo. È possibile rilevare l'orientamento ed eseguire codice JavaScript quando cambia. Ad esempio, si può avere cambiare il layout del tuo sito web quando l'utente lancia il dispositivo.

istruzione

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

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

<Body onOrientationChange = "detectOrientation ();">

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

<Script type = "text / javascript">
funzione 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 linee di "alert" nel codice con il codice JavaScript che si desidera eseguire quando cambia l'orientamento. Se non si modificano le linee di allarme, la pagina crea un messaggio di avviso informa il visitatore di orientamento del proprio dispositivo.

5 Salvare il file HTML e caricarlo sul server Web.

Consigli e avvertenze

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