2010-02-26 8 views
9

muszę ukryć pasek adresu URL w ipod touch gdy applcation internetowej załadowany, próbowałem wszystkich możliwych rozwiązań znaleźć w Internecie w tym jeden znaleźć tutaj: http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/jak ukryć URL poprzeczkę w ipod touch

i zachodzącego min -wysokość w CSS, ale działa tylko w orientacji poziomej, aw trybie profilu ukrywa tylko część paska adresu URL, a nie cały pasek. ktoś ma jakiś pomysł? Dzięki.

poniżej jest mój kod:

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

...

Odpowiedz

1

Czy próbowałeś IUI? http://code.google.com/p/iui/

Twój kod wydaje się być wyborem iUI tylko po to, aby strona była pełnoekranowa, ale zastanawiam się, czy masz konkretny powód, aby nie używać całego skryptu. Użyłem go przy pewnej okazji i nie musiałem robić nic więcej, niż dodawać skrypt do stron.

7

To załatwiło sprawę dla mnie:

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

Spróbuj zapewnienie, że długość treści witryny jest co najmniej wysokość okna. Mobile Safari przesunie pasek nawigacji w górę, ale nie pozostawi szarego "pustego" miejsca pod twoją stroną, więc jeśli twoja strona jest krótka, ukryje ona tylko część paska nawigacyjnego.

2

Masz kilka literówek w swoim kodzie. Spróbuj

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

(zmieniłem "app" do "jabłko", usunięto dodatkowy średnik i zmienił "maximun" na "Maximum".)