html - 为什么包含 "apple-mobile-web-app-capable"标记会破坏我的网络应用程序在 iOS 上的离线功能？

Question

我正在尝试创建一个离线网络应用程序和我的 cache.manifest文件是

CACHE MANIFEST
http://www.page.com/index.html
http://www.page.com/d3.js
http://www.page.com/list.csv
NETWORK:
*

我的html开头是html manifest="cache.manifest"

为了格式化应用程序并使其全屏运行，我在标题中包含了这个标签:

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

但是这样做并从主屏幕运行它会导致应用程序失败，并请求互联网连接。

如果你取出那一行并从主屏幕运行它，它将在 safari 中打开，带有 url 栏和所有内容，但应用程序将正确运行。

我在几个地方看到过这个问题的讨论，比如 here和 here ，但从来没有任何有效的解决方案或解释。

有谁知道这是为什么或如何避免？提前致谢。

Answer 1

<meta name="viewport" content="width=device-width, minimal-ui">

对于 iOS 7.1，这是一个更好的替代方案。