2010-02-26 16 views
9

i necesidad de ocultar la barra de URL en el iPod touch cuando el applcation web cargado, he intentado todas las posibles soluciones que se encuentran en línea, incluyendo la que se encuentra aquí: http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/cómo ocultar la barra de direcciones en el tacto de iPod

y el establecimiento min - Altura en CSS, pero solo funciona en horizontal, y en modo perfil, solo oculta parte de la barra de URL, no toda la barra. Alguien tiene alguna idea? Gracias.

a continuación es mi código:

<meta name="app-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="apple-touch-fullscreen" content="YES" /> 
<meta name="viewport" content="width=320;initial-scale=0.6666;;minimum-scale=0.6666; maximun-scale=1.0;"/> 


<title>Test</title> 
<script type="application/x-javascript"> 

addEventListener("load", function() 
{ 
    setTimeout(updateLayout, 0); 
}, false); 

var currentWidth = 0; 

function updateLayout() 
{ 
    if (window.innerWidth != currentWidth) 
    { 
     currentWidth = window.innerWidth; 

     var orient = currentWidth == 320 ? "profile" : "landscape"; 
     document.body.setAttribute("orient", orient); 
     setTimeout(function() 
     { 
      window.scrollTo(0, 1); 
     }, 100); 
    } 
} 

setInterval(updateLayout, 100); 

</script> 
<link media="only screen and (max-device-width: 320px)" href="style.css" rel="stylesheet" type="text/css" /> 

...

Respuesta

1

¿Ha intentado iUI? http://code.google.com/p/iui/

El código que tiene parece ser una selección de iUI solo para hacer que la página sea de pantalla completa, pero me pregunto si tiene una razón específica para no utilizar el script completo. Lo utilicé en una ocasión y no tuve que hacer nada más que agregar el guión a las páginas.

7

Esto hizo el truco para mí:

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 
1

Trate asegurando que la longitud del contenido de su sitio es al menos la altura de la ventana. Mobile Safari empujará la barra de navegación hacia arriba, pero no dejará un espacio gris "vacío" debajo de su página, por lo que si su página es corta, solo ocultará parte de la barra de navegación.

2

Tiene algunos errores tipográficos en su código. Trate

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="apple-touch-fullscreen" content="YES" /> 
<meta name="viewport" content="width=320;initial-scale=0.6666;minimum-scale=0.6666; maximum-scale=1.0;"/> 

(me cambió "aplicación" a "manzana", extraído un punto y coma adicional, y cambiaron "máximo" a "máximo".)

Cuestiones relacionadas