題:
Is it possible to hide the address bar and status bar in iOS 7 Safari?
svassr
2013-10-18 01:13:38 UTC
view on stackexchange narkive permalink

是否可以在iOS 7中隱藏地址欄和狀態欄？

在橫向應用程序中，我目前正在使用以下代碼對以前的iOS版本執行此操作，即使在iOS 7：打開頁面時它將全屏顯示，並保持全屏顯示。

JS：

  window.addEventListener（“ load “，function（）{//設置超時... setTimeout（function（）{//隱藏地址欄！window.scrollTo（0，1）;}，0）;}）;

HTML：

  <！-對於iOS Web應用程序--><meta name =“ apple-mobile-web-app-capable “ content =” yes“ ><meta name =” apple-mobile-web-app-status-bar-style“ content =”黑色“ ><meta name =” apple-mobile-web-app-title“ content =” AMC行屍走肉故事同步“ ><meta name =“ viewport” content =“ width = device-width，初始比例= 1.0，最大比例= 1.0，最小比例= 1.0，用戶sc alable = no“ >

事實是，在iOS 7 iPhone和iPad上，點擊屏幕底部時，出現地址欄和狀態欄，而擺脫它的唯一方法是更改電話方向，然後將其更改回以前的方向。反正是有避免這種操縱的方法嗎？

關於這個的許多答案已經http://stackoverflow.com/questions/18813476/is-it-possible-to-hide-the-address-bar-in-ios-7-safari
我看不到SO的答案比這裡的示例代碼更有效。嗯...
二 答案:
Leftium
2013-12-18 03:47:05 UTC
view on stackexchange narkive permalink

有一種方法： <meta name =“ viewport” content =“ minimal-ui” > （，但僅適用於iOS 7.1 -不在7.0或8.0上）

來源： StackOverflow

更多詳情，來自 iOS 7.1 beta 2的更改日誌和發行說明：

Safari註釋

已為視口元標記添加了屬性minimal-ui

鍵，該鍵允許在頁面加載時最小化iPhone的頂部和底部欄。在使用minimal-ui的頁面上，點擊頂部欄將使欄回到原位。 >例如，使用 <meta name =“ viewport” content =“寬度= 1024，minimal-ui” > 。

更新： 我確認此方法可在iOS 7.1（官方最終版本）中使用。您可以通過使用上述元標記解決方案的網絡應用自行確認。

enter image description here

我將等待最終發布，然後嘗試一下，然後我將接受您的回答。非常感謝。
嗯我正在使用7.1.1，並且您上面鏈接的Web應用程序在加載時不會隱藏地址欄等。他們在7.1.1中打破了嗎？
在iOS8中已將其刪除。
查看有關IOS8實施的帖子：http://stackoverflow.com/questions/24889100/ios-8-removed-minimal-ui-viewport-property-are-there-other-soft-fullscreen
Tim
2014-03-25 19:05:19 UTC
view on stackexchange narkive permalink

我已經看到了此推薦的 <meta name =“ apple-mobile-web-app-capable” content =“ yes” > ，它以獨立模式運行該網站，從而隱藏了UI。我不清楚這與上面的mini-ui解決方案相比如何。我印像中，該解決方案也適用於7.1之前的iOS版本。

此解決方案僅適用於作為應用添加到主屏幕的網頁。


ⓘ
該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到，我們感謝它分發的cc by-sa 3.0許可。
Loading...