iPad WebApp Pełny ekran w Safari

Apple mówi w Safari HTML reference , że poniższy kod ma sprawić, że aplikacja internetowa będzie działać na pełnym ekranie w systemie iPhone OS 2.1 i nowszych.

 <meta name="apple-mobile-web-app-capable" content="yes">
Ale to chyba nie działa. Czy istnieje sposób na ukrycie paska tytułu/lokalizacji w Safari w aplikacji webowej na iPadzie?
Author: sshow, 2010-06-11
Source

5 answers

To działa tylko po zapisaniu zakładki w aplikacji na ekranie głównym. Nie, jeśli po prostu przeglądasz witrynę normalnie.

 110
Author: jamone,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-06-11 18:14:02

Jeśli chcesz pozostać w przeglądarce bez uruchamiania nowego okna użyj tego kodu HTML: 

<a href="javascript:this.location = 'index.php?page=1'">
 12
Author: Remco de Jong,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-12-14 14:21:52

  1. Najpierw uruchom przeglądarkę Safari z ekranu głównego i przejdź do strony internetowej, którą chcesz wyświetlić na pełnym ekranie.

  2. Po zlokalizowaniu strony internetowej dotknij ikony strzałki u góry ekranu.

  3. W rozwijanym menu dotknij opcji Dodaj do ekranu głównego.

  4. Powinno zostać wyświetlone okno Dodaj do strony głównej. Możesz dostosować opis, który będzie wyświetlany jako tytuł na ekranie głównym iPada. Po zakończeniu stuknij w Przycisk Dodaj.

  5. Nowa ikona powinna teraz pojawić się na ekranie głównym. Stuknięcie ikony otworzy stronę internetową w trybie pełnoekranowym.

Uwaga: ikona na ekranie głównym iPada otwiera tylko stronę z zakładkami w trybie pełnoekranowym. Następna strona, którą odwiedzasz, będzie zawierać paski adresu i tytułu Safari. Ten sposób odtwarzania strony internetowej lub prezentacji HTML5 w trybie pełnoekranowym działa, jeśli kod źródłowy strony zawiera następujące elementy tag: 

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

Możesz dodać ten tag do swojej strony internetowej za pomocą narzędzia innej firmy, na przykład narzędzia iWeb SEO lub dowolnego innego. Pamiętaj, że najpierw musisz dodać tag, odświeżyć stronę, a następnie dodać zakładkę do ekranu głównego.

 10
Author: Code.Town,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-03-18 22:43:29

Otwiera tylko pierwszą (zakładkową) stronę na pełnym ekranie. Każda następna strona zostanie otwarta z paskiem adresu widocznym ponownie. Niezależnie od tego, jaki meta tag umieścisz w nagłówku strony...

 6
Author: Joop Stringer,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-23 22:37:24

Ta strona ma obejście, ten sam efekt, używa trochę javascript, aby ustawić pierwszy dziecięcy div na całkowitą wysokość widoku. http://webapp-net.com/Demo/Index.html

 1
Author: xiatica,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-06-28 07:15:46