iOS：添加到主屏幕的 Web 应用程序在离线模式下不工作答案

【问题标题】：iOS: Web app added to home screen not working in offline modeiOS：添加到主屏幕的 Web 应用程序在离线模式下不工作
【发布时间】：2018-02-04 07:28:34
【问题描述】：

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

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

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

网页包含这个meta标签：

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

iOS 上的网络应用可以做到这一点吗？

【问题讨论】：

【解决方案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，有关此主题的文档已过时，因此希望这对将来的某人有所帮助！

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

如果内容设置为是，则 Web 应用程序以全屏模式运行模式;否则，它不会。默认行为是使用 Safari 显示网页内容。可以判断是否显示网页在全屏模式下使用 window.navigator.standalone 只读布尔型 JavaScript 属性。

Doc

如果你想要缓存，你可以试试 Progressive Web App，我认为 iOS 不支持它。

【讨论】：