Установите webapp на рабочий стол на iPhone?

Как мне разрешить установку моего webapp в качестве значка на рабочем экране пользователя? Являются ли данные кэшированными локально, так что webapp может запускаться, когда пользователь находится вне 3G?

Я сделал быстрый google, но мои поисковые запросы отсутствовали. Я заметил, что Google Buzz позволил мне установить локально, и мне интересно, что это за создание веб-приложений, и если они получают специальное лечение (полное кэширование/работа в автономном режиме).

Ответы

Ответ 1

Это поведение выполняется с тегом meta под названием apple-mobile-web-app-capable.

Подробности (и другие теги meta, полезные для веб-приложений iPhone): http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

Чтобы установить хороший значок для вашего приложения, вы можете указать URL для своего значка:

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

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

и экран запуска:

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

Данные могут локально кэшироваться. Вы можете хранить данные, используя различные HTML5 JavaScript API и кэш-манифест.

Ответ 2

См. ceejayoz answer для различных iPhone-специфических материалов (значок, полноэкранный режим), но для того, чтобы локально хранить все приложение (и запускаться в автономном режиме), вам нужно посмотреть, что называется "манифеста кэша". Этот файл, связанный с открывающим html-тегом на вашей странице, перечисляет все ресурсы, которые приложение должно хранить локально.

Кроме того, для хранения пользовательских данных, если необходимо, вам нужно будет посмотреть в клиентскую базу данных. Я не знаю об этом, поэтому я не буду пытаться это объяснить.: P

У Apple есть достойная страница здесь: http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

который говорит о манифесте кэша и локальном хранилище базы данных. Это должно помочь объяснить, что вам нужно сделать, чтобы приложение запускалось в автономном режиме.