2011-06-22 10 views
11

Możesz więc uruchomić stronę internetową "na pełnym ekranie" i ukryć pasek adresu/chrome na iPadzie, jeśli użytkownik doda twoją stronę do ekranu głównego, co powoduje, że ikona na ekranie ekran główny, na którym uruchamiają Twoją witrynę. Wystarczy umieścić kilka metatagów tak:Czy to możliwe, aby ukryć chrome przeglądarki na iOS na normalnej stronie internetowej?

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" /> 

Jednak nie udało się uzyskać miejsce do ukrycia się przeglądarka Chrome, gdy strona jest tylko w normalnej sesji przeglądania (użytkownik nie rozpoczęła twoja strona bezpośrednio z ikony na ekranie głównym). Czy to możliwe? W jaki sposób?

+0

Domyślam się, że chcesz zachować mobilną pocztę Gmail, ale bez konieczności posiadania ikony na ekranie głównym ... prawda? - w oparciu o to, co tu przeczytałem: http://daringfireball.net/linked/2008/10/03/fullscreen-iphone-web-apps ma zastosowanie tylko wtedy, gdy jest ikona ekranu głównego. – scunliffe

+0

Gmail robi to w pewnym stopniu. Nadal możesz przewinąć pasek adresu do widoku, przesuwając dwoma palcami w dół. Patrząc teraz na ich metody. – Marcel

+0

@scunliffe: Jinx! – Marcel

Odpowiedz

8

Zgodnie z nie oznacza to, że nie możesz (jednak, jak już zauważyłeś, wygląda na to, że zachowuje się tylko zgodnie z oczekiwaniami, gdy witryna została dodana do ekranu głównego).

Zauważyłem również, że na Apple Support Forum konsensus wydaje się, że trzeba uruchomić z ekranu głównego, aby uzyskać pożądany efekt.

Cytat Docs:

apple-mobile-web-app-capable 

Określa, czy aplikacja internetowa działa w trybie pełnoekranowym.

Składnia

<meta name="apple-mobile-web-app-capable" content="yes"> 

Dyskusja

Jeśli zawartość jest ustawiona na yes, aplikacja internetowa działa w trybie pełnoekranowym; inaczej nie. Domyślnym działaniem jest używanie przeglądarki Safari do wyświetlania treści internetowych.

Można określić, czy strona internetowa jest wyświetlana w trybie pełnoekranowym przy użyciu Boolowskiej właściwości JavaScript o wartości tylko do odczytu window.navigator.standalone.

Dostępność

Dostępne w iOS 2.1 i nowszych.

3

Znalazłem to działa,

$('body').delay('1000').animate({ scrollTop: '0px' }, 'slow'); 

zauważyłem, że przewijanie w dół usunięte, więc przewijane 60px (wysokość chromu), ale że ją ukryć i przewijać stronę w dół, ale zwój 0px, zakładając, że twoja strona zaczęła się na górze (nie na # celu), oszukuje!

Sądzę, że można było nawet usunąć opóźnienie i animację, ale chciałem, aby było gładkie i niezbyt gwałtowne.

+0

To jest słodka sztuczka! –

+0

To już nie działa (używam iOS 8). – Blazemonger

+0

To nie działa w systemie iOS 9.3.1 - Safari – evolutionxbox

Powiązane problemy