CoCo robi aplikacja Apple-mobilna-aplikacja-status-pasek-stylu?
<meta name="apple-mobile-web-app-status-bar-style" content="black">
temat - może ktoś wyjaśnić na przykładzie?
znalazłem this line w oficjalnym Safari Developer Biblioteki
Ta meta tag nie ma żadnego wpływu, chyba że najpierw określić tryb pełnoekranowy jako opisanej w „URL”.
Ale który adres URL?
Jaka jest korzyść z tego metatagu?
Najpierw należy ustawić podpowiedź apple-mobile-web-app-capable, aby działała. Ta wskazówka powoduje uruchomienie aplikacji internetowej w trybie pełnoekranowym: usuwa pasek adresu i przyciski nawigacyjne domyślnie w przeglądarce Mobile Safari. Usunięte obszary są podświetlone na czerwono tutaj:
Więc raz aplikacja znajduje się w trybie pełnoekranowym (czyli użytkownik dodał stronę do swojej strony głównej), można również kontrolować kolor pozostałe cienki pasek stanu na górze strony z apple-mobile-web-app-status-bar-style, podświetlone na czerwono tutaj:
Per docs:
Jeśli treść jest ustawiona na
default, pasek stanu wydaje się być normalny. Jeśli ustawione nablack, pasek stanu ma czarne tło. Jeśli ustawione nablack-translucent, pasek stanu jest czarny i półprzezroczysty. Jeśli ustawiono wartość domyślną lub kolor czarny, treść internetowa jest wyświetlana poniżej paska stanu. Jeśli ustawione nablack-translucent, treść internetowa jest wyświetlana na całym ekranie, częściowo zasłonięta przez pasek stanu.
Kilka zastrzeżeniami:
Zadziała tylko na pierwszej strony, obciążenia; każda nawigacja na inną stronę spowoduje ponowne pojawienie się paska adresu i przycisków nawigacyjnych. Więc jeśli chcesz, aby to działało, musisz zbudować pojedynczą stronę internetową (dla wielu "stron" rozważ podejście do ładowania strony Ajax, takie jak używane w strukturze jQuery Mobile).
Działa to tylko po przybyciu na stronę internetową za pośrednictwem ikony skrótu aplikacji; jeśli przejdziesz do witryny bezpośrednio z poziomu Mobile Safari, nie będzie to miało żadnego wpływu.
Działa to tylko wtedy, gdy użytkownik otworzy witrynę ze skrótu na pulpicie. nie zadziała, gdy użytkownik otworzy stronę po raz pierwszy, wpisując adres URL w pasku adresu, czy mam rację? –
@Jitendra Vyas: to jest poprawne – Ben
, to powinno być używane tylko z aplikacją internetową, ponieważ w witrynie, jeśli użytkownik chce dodać zakładkę do dowolnej strony wewnętrznej, nie będzie to możliwe, ponieważ pasek dolny nie pojawi się. –
Zmienia górny pasek w/banner i nośnik na nim i sprawia, że jest półprzezroczysta czerń.
Tylko komentarz na # 1. Dopóki ustawisz metatagi apple iphone/ipad na kolejnej ładowanej stronie, ukryjesz pasek adresu i przyciski nawigacyjne. Mój problem polega na tym, że ustawienie: '' nie ma żadnego efektu.Wolałbym, gdyby istniał sposób na całkowite ukrycie paska stanu. Będę kontynuować badania na ten temat jutro. :-) –
"Wolałbym, gdyby istniał sposób na całkowite ukrycie paska stanu" Czy można to zrobić? – Ash