W jaki sposób to robią - witryna mobilna dodana do ekranu głównego pojawia się jako samodzielna aplikacja

Question

Więc widziałem tylko jedną stronę, która to robi i jestem bardzo ciekaw, jak to robią. Używam iPhone'a 4 z iOS5 przy okazji.

Przejdź do strony http://m.funnyordie.com/ (Will Ferrell's sketch komedii) na mobilnym Safari, dodaj ją do ekranu głównego, a następnie kliknij na ikonę ekranu głównego, która została właśnie dodana.

Witryna mobilna wyświetla się bez przycisków ani paska adresu Safari. Pojawia się nawet w otwartej aplikacji jako otwarta autonomiczna aplikacja (podwójna zakładka przycisku głównego, aby zobaczyć, co mam na myśli, gdy Funny or Die nie jest na pierwszym planie).

Możesz poruszać się po filmach na stronie, a nawet wyszukiwać, ale gdy klikniesz jedną z innych zakładek (Najczęściej oglądane, Wyłącznie na FoD), przeniesie Cię do aplikacji Safari w celu utworzenia nowej karty.

Nigdy nie widziałem, żeby ktoś inny to robił i jestem bardzo ciekawy, jak to robią. Ktoś wie?

Answer 1

Nazywa klipu Web a jeśli podasz jakieś meta danych w HTML można mieć to pojawia się na ekranie w domu z ikoną

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Aby dodać ikonę:

<link rel="apple-touch-icon" href="/custom_icon.png"/> 

Aby mieć obraz startowy:

<link rel="apple-touch-startup-image" href="/startup.png"> 

Aby ukryć pasek nawigacyjny:

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

Aby zmienić appearnace pasku stanu:

<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

Answer 2

również do informacji wydaje się, że używasz jQueryMobile dość mocno (jquerymobile.com), który myślę, że można zrobić dużo tego wszystkiego dla ciebie.