iOS7中的全屏模式Safari

我正在開發使用Sencha Touch的移動網站。在iOS7 Safari中，我無法使頂層地址欄&下方的工具欄消失。 Sencha用於處理iOS6，但最近iOS7的一些變化導致了這個問題。iOS7中的全屏模式Safari

http://java.dzone.com/articles/safari-ios-7-and-html5
我看了上面的鏈接&看來這也是HTML5遊戲&一些其他的應用程序的問題。舊的window.scrollTo（）適用於iOS6不再有效

請不要downvote或關閉的問題，因爲我一直在搜索&我沒有發現什麼有用的。

2013-12-19 Ram G Athreya

添加minimal-ui在您的meta標籤viewport，這將隱藏他解決在Safari iOS7欄和瀏覽器控件：在iOS7

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">

更多信息和全屏模式的移動網站：http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7

來源

2014-04-04 20:39:28 krisrak

謝謝，但這隻適用於iOS 7.1以來約7？ –

嗯，我還沒有在iOS7上測試過，不知道它只是iOS7.1 ... – krisrak

金票是minimal-ui參數。 –

對於iOS 7，我不認爲你真的有選擇。很顯然，蘋果不希望開發人員再這樣做，即使有人發現另一種解決方法，它可能也不會長期存在。

老實說，我認爲獲得全屏功能對於用戶將應用程序安裝到他們的主屏幕是公平的權衡。很明顯，在某些情況下這不是事實，但我想我在某種程度上可以理解。你應該仍然能夠添加下面的元標記，將全屏一次加入到主屏幕：
<meta name="apple-mobile-web-app-capable" content="yes">

有幾個不錯的圖書館，在那裏，添加一個「添加到主屏幕」的提示，您可以設置對自定義消息不太顯眼。在這種情況下，可能是最好的擁抱變化...

來源

2013-12-21 04:36:06 OhmzTech

iOS7中的全屏模式Safari

回答

相關問題