為什么包含“ apple-mobile-web-app-capable”標簽會破壞我的Web應用程序在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瀏覽器中打開，並帶有網址欄和所有內容，但該應用程序將正常運行。

我已經在幾個地方（例如這里和這里）討論了這個問題，但從未有任何可行的解決方案或解釋。

有誰知道這是為什么或如何避免呢？ 提前致謝。

Answer 1

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

對於iOS 7.1，這是一種更好的選擇。