Установить веб-приложение на homescreen на iPhone?
Как я иду о разрешении моего веб-приложения быть установленным как значок на homescreen пользователя? Данные кэшируются локально, так, чтобы веб-приложение могло быть выполнено, когда пользователь за пределами 3G?
Я сделал быстрый Google, но моим критериям поиска недоставало. Я заметил, что Живая Лента Google позволила мне устанавливать локально, и я задаюсь вопросом, что процесс для создания веб-приложений, и если они получают специальный режим (полное кэширование/выполнение офлайн).
3 ответа
Это поведение выполняется с помощью мета тега под названием apple-mobile-web-app-enabled .
Подробности (и другие мета теги, полезные для веб-приложений iPhone): https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags .html
Чтобы установить красивый значок для своего приложения, вы можете указать URL-адрес для своего значка:
и экран запуска:
Данные можно кэшировать локально. Вы можете хранить данные, используя различные API JavaScript HTML5 и манифест кеша .
См. Ответ 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/ пирог