Question

This question类似，但答案没有帮助。

目标是将单个网页缓存到主屏幕，即使在离线模式下也能成功启动此网页。

当有网络时，从主屏幕启动网页成功，但在离线模式下失败，因为Safari抱怨服务器没有连接。

该网页包含此meta标记：

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

这可以在iOS上使用网络应用吗？

Answer 1

我们通过支持具有manifest属性的应用的缓存版本来解决此问题，如下所示：

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

cache.manifest文件：

CACHE MANIFEST

# Version 0.0.2

NETWORK: *

CACHE:
ShareIconTutorial.png
HomeScreenIcon.png

FALLBACK:

由于PWA，这个主题的文档已经过时，所以希望这对未来的某个人有所帮助！

Answer 2

apple-mobile-web-app-capable手段，

如果content设置为yes，则Web应用程序将以全屏模式运行   模式;否则，它没有。默认行为是使用Safari   显示网页内容。您可以确定是否显示网页   在全屏模式下使用window.navigator.standalone只读   布尔JavaScript属性。

Doc

如果您想要缓存，可以尝试使用渐进式Web应用程序，我认为iOS不支持它。

Answer 3

以下是在iOS上使用离线缓存的说明：