iOS: веб-приложение, добавленное на главный экран, не работает в автономном режиме

Этот вопрос Похоже, но ответ не помог.

Цель состоит в том, чтобы кэшировать одну веб-страницу на главном экране и успешно запускать эту веб-страницу даже в автономном режиме.

Веб-страница с домашнего экрана запускается успешно, когда есть сеть, но не работает в автономном режиме, потому что Safari жалуется, что нет подключения к серверу.

Веб-страница содержит этот тег meta:

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

Возможно ли это с веб-приложениями на iOS?


ios web-applications caching offline homescreen
person Crashalot    schedule 04.02.2018    source источник

Ответы (3)


arrow_upward
6
arrow_downward

Мы исправили это, поддержав кешированную версию приложения с атрибутом manifest следующим образом:

<!DOCTYPE HTML>
<html manifest="/cache.manifest">
....
</html>

Файл cache.manifest:

CACHE MANIFEST

# Version 0.0.2

NETWORK: *

CACHE:
ShareIconTutorial.png
HomeScreenIcon.png

FALLBACK:

Документация по этой теме устарела из-за PWA, так что надеюсь, что это поможет кому-то в будущем!

person Crashalot    schedule 12.02.2018

arrow_upward
1
arrow_downward

средство с поддержкой apple-mobile-web-app,

Если для содержимого установлено значение «Да», веб-приложение работает в полноэкранном режиме; в противном случае - нет. По умолчанию для отображения веб-содержимого используется Safari. Вы можете определить, отображается ли веб-страница в полноэкранном режиме, используя логическое свойство JavaScript window.navigator.standalone, доступное только для чтения.

Документ

Если вам нужно кеширование, вы можете попробовать прогрессивное веб-приложение, и я не думаю, что iOS его поддерживает.

person naz    schedule 09.02.2018

arrow_upward
0
arrow_downward

Вот описание использования автономного кеша на iOS:

https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

person vekerdyb    schedule 12.02.2018