2010-02-26 7 views
9

j'ai besoin de cacher la barre d'URL ipod touch lorsque le applcation Web chargé, j'ai essayé toutes les solutions possibles trouvé, y compris en ligne que l'on trouve ici: http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/comment cacher la barre d'URL ipod touch

et réglage min -la hauteur en CSS, mais elle ne fonctionne qu'en mode paysage, et en mode profil, elle ne masque qu'une partie de la barre d'URL et non toute la barre. Quelqu'un a une idée? Merci.

ci-dessous est mon code:

<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" /> 

...

Répondre

1

Avez-vous essayé iUI? http://code.google.com/p/iui/

Le code que vous avez semble être une sélection d'iUI juste pour rendre la page en plein écran, mais je me demande si vous avez une raison particulière de ne pas utiliser le script complet. Je l'ai utilisé une fois et je n'avais rien d'autre à faire que d'ajouter le script aux pages.

7

Cela a fait l'affaire pour moi:

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

Essayez assurant que la longueur du contenu de votre site est au moins la hauteur de la fenêtre. Mobile Safari va pousser la barre de navigation vers le haut, mais ne laissera pas d'espace "vide" gris sous votre page, donc si votre page est courte, elle ne fera que masquer une partie de la barre de navigation.

2

Vous avez quelques fautes de frappe dans votre code. Essayez

<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;"/> 

(j'ai changé "app" à "pomme", retiré un point-virgule supplémentaire, et changé "maximun" à "maximum".)

Questions connexes