habilitar - como borrar el historial de aplicaciones en iphone
¿Puedo activar un evento CSS en un safari móvil al cambiar la orientación del iPhone? (6)
El navegador móvil Safari admite el evento de cambio de orientationchange , así como la propiedad de orientation en la ventana, por lo que puede hacer algo como:
window.onorientationchange = function() {
switch(window.orientation) {
case 0: // Portrait
case 180: // Upside-down Portrait
// Javascript to setup Portrait view
break;
case -90: // Landscape: turned 90 degrees counter-clockwise
case 90: // Landscape: turned 90 degrees clockwise
// Javascript to steup Landscape view
break;
}
}
Yo agregaría la versión invertida porque las pautas de la interfaz humana del iPad dicen que debería admitir todas las orientaciones, por lo que esperaría que Safari en el iPad (y posiblemente en futuras versiones de iPhone) lo respalde.
Estoy intentando descubrir cómo cambiar una página web incrustada cuando el usuario gira su teléfono de modo vertical a horizontal, básicamente para cargar una vista que se adapte mejor al formato de pantalla más amplio. ¿Se puede hacer esto sin llamar a una nueva página desde el servidor, es decir, conducirlo desde CSS / Javascript?
¡Gracias!
Mejor no establecer la propiedad onorientationchange directamente. En su lugar, utilice lo siguiente:
window.addEventListener(''orientationchange'', function (evt) {
switch(window.orientation) {
case 0: // portrait
case 180: // portrait
case 90: // landscape
case -90: // landscape
}
}, false);
No puedo creer que nadie haya hablado del fallo de css:
@media screen and (max-width: 320px) // Portait Mode
{
/* CSS RULINGS */
p{}
body{}
}
@media screen and (min-width: 321px) // Landscape Mode
{
/* CSS RULINGS */
p{}
body{}
}
Safari Mobile soporta orientationchange .
Puede utilizar la propiedad window.orientation . Su valor es el grado en que se utiliza el modo de vista actual. Aquí hay un breve ejemplo:
function updateOrientation()
{
var orientation=window.orientation;
switch(orientation)
{
case 0:
break;
case 90:
break;
case -90:
break;
}
}
Puedes usar esta función en este evento:
window.onorientationchange=updateOrientation;
¡Espero que ayude!
<body onorientationchange="updateOrientation();">