Установить веб-приложение на домашний экран на iPhone? - PullRequest
Новая
       34

Установить веб-приложение на домашний экран на iPhone?

14 голосов
/ 20 марта 2010

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

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

Ответы [ 3 ]

22 голосов
/ 20 марта 2010

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

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

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

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

https://developer.apple.com/library/content/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 и манифест кэша .

10 голосов
/ 20 марта 2010

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

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

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

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

7 голосов
/ 20 марта 2010

Вот еще один пример того, что вы пытаетесь сделать, может быть полезным: http://mrgan.tumblr.com/post/257187093/pie-guy

...