升級到iOS 11.3之后，每個apple-mobile-web-app都無法顯示全屏幕

Question

我有一個包含元的Web應用程序

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

在iOS 11.3之前，當“添加到主屏幕”時，它將像沒有導航欄的獨立應用程序一樣打開。

11.3之后，它現在打開瀏覽器中的導航欄。

Answer 1

經過數小時的故障排除后，我發現以下可能對其他人有所幫助。

對於Android / Chrome兼容性，我的html文件中已經包含以下內容：

<link rel="manifest" href="/manifest.json">

manifest.json沒有"display": "standalone"條目，只是定義了圖標和名稱。 似乎在11.3之前，safari忽略了該文件，但現在它被認為是優先於meta apple-mobile-web-app-capable的元標記。 由於display:的默認值是瀏覽器 ，因此應用程序是在帶有導航欄的瀏覽器中打開的。

當我在清單文件中添加"display": "standalone" ，問題就消失了。

Answer 2

我也碰到了這個。 關於manifest.json，@ gae123是正確的。 您也可以嘗試刪除任何沖突的蘋果特定元標記，可在此處查看： Apple Doc 。 我還發現“顯示”：json中的“全屏”是它所用的，你的里程可能會有所不同。