Установить webapp на рабочий стол на iPhone?
-
21-09-2019 - |
Вопрос
Как мне разрешить установку моего веб-приложения в виде значка на рабочем столе пользователя?Кэшируются ли данные локально, чтобы веб-приложение можно было запускать, когда пользователь находится за пределами 3G?
Я быстро поискал в Google, но моих поисковых запросов не хватало.Я заметил, что Google Buzz позволил мне устанавливать локально, и мне интересно, каков процесс создания веб-приложений, и получают ли они специальную обработку (полное кэширование / запуск в автономном режиме).
Решение
Это поведение выполняется с помощью 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-адрес для своего значка:
<link rel="apple-touch-icon" href="/custom_icon.png" />
и экран запуска:
<link rel="apple-touch-startup-image" href="/startup.png" />
Данные может быть локально кэшированным.Вы можете хранить данные, используя различные HTML5 JavaScript API - интерфейсы и манифест кэша.
Другие советы
Смотрите ответ 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
это говорит как о манифесте кэша, так и о локальном хранилище базы данных.Это должно помочь объяснить, что вам нужно сделать, чтобы ваше приложение работало в автономном режиме.
Вот еще один пример того, что вы пытаетесь сделать, может быть полезным: http://mrgan.tumblr.com/post/257187093/pie-guy