14

Jak mogę zezwolić na zainstalowanie mojej aplikacji internetowej jako ikony na ekranie głównym użytkownika? Czy dane są buforowane lokalnie, aby można było uruchomić aplikację internetową, gdy użytkownik znajduje się poza siecią 3G?Zainstaluj aplikację webapp na ekranie głównym na telefonie iPhone?

Zrobiłem szybki google, ale brakowało moich wyszukiwanych terminów. Zauważyłem, że Google Buzz umożliwił mi instalację lokalną, i zastanawiam się, jaki jest proces tworzenia aplikacji internetowych i czy są one traktowane w specjalny sposób (pełne buforowanie/uruchamianie w trybie offline).

Odpowiedz

22

To zachowanie jest wykonywane za pomocą znacznika meta pod tytułem apple-mobile-web-app-capable.

Szczegóły (i inne meta tagi użyteczne dla iPhone aplikacji internetowych): http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

Aby ustawić ładne ikony dla aplikacji, można określić adres URL ikony:

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

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

a ekran startowy:

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

danych może być lokalnie buforowane. Możesz przechowywać dane za pomocą różnych HTML5 JavaScript APIs i cache manifest.

+0

Cała pamięć CSS/JS jest przechowywana w pamięci podręcznej, dzięki czemu może działać lokalnie w trybie offline? –

+0

Możesz to ustawić. Zobacz edycję. – ceejayoz

10
odpowiedź

Zobacz ceejayoz dla różnych iPhone'a konkretnej rzeczy (ikona, tryb pełnoekranowy), ale w celu przechowywania całą aplikację lokalnie (i uruchom offline), musisz spojrzeć na to, co nazywa się "manifestem pamięci podręcznej". Ten plik, do którego link znajduje się w początkowym tagu HTML na Twojej stronie, zawiera listę wszystkich zasobów, które aplikacja musi przechowywać lokalnie.

Dodatkowo, aby przechowywać dane użytkownika, w razie potrzeby zajrzyj do bazy danych po stronie klienta. Nie wiem zbyt wiele na ten temat, więc nie będę starał się tego wyjaśnić. : P

Apple ma godnej stronie: http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

który mówi zarówno o cache oczywistego i pamięci lokalnej bazy danych. Powinno to pomóc w wyjaśnieniu, co należy zrobić, aby aplikacja działała offline.