什麼是蘋果的移動web應用程序狀態欄式的嗎？

是什麼什麼是蘋果的移動web應用程序狀態欄式的嗎？

<meta name="apple-mobile-web-app-status-bar-style" content="black">

做的 - 有人可以用一個例子解釋一下嗎？

我發現this line在官方Safari瀏覽器開發人員庫

這個元標記沒有影響，除非你首先指定全屏模式，如描述「URL」。

但其網址是什麼？

這是什麼meta標籤的好處？

來源

2011-07-05 Jitendra Vyas

只需對＃1發表評論。只要您在下一頁加載蘋果iphone/ipad元標記，它就會繼續隱藏地址欄和導航按鈕。我的問題是，設置：''完全沒有效果。我寧願如果有辦法完全隱藏狀態欄。我明天將繼續對此進行研究。 :-) – 2011-10-30 22:20:46

'我寧願如果有辦法完全隱藏狀態欄'可以這樣做嗎？ – Ash

首先，apple-mobile-web-app-capable提示有該被設置爲甚至工作。此提示會導致Web應用程序以全屏模式運行：它將移除Mobile Safari中默認獲取的地址欄和導航按鈕。被移除的區域以紅色突出顯示在這裏：

apple mobile web app capable

因此，一旦一個應用程序是全屏模式（即用戶已添加網站到他們的主頁），還可以控制的顏色在與apple-mobile-web-app-status-bar-style頁面頂部的剩餘薄的狀態欄，紅色突出顯示在這裏：

apple mobile web app status bar style

每文檔：

如果含量設定爲default，狀態欄顯示正常。如果設置爲black，狀態欄的背景爲黑色。如果設置爲black-translucent，則狀態欄爲黑色且半透明。如果設置爲默認或黑色，則Web內容顯示在狀態欄下方。如果設置爲black-translucent，網頁內容顯示在整個屏幕上，通過狀態欄部分遮蔽。

需要注意幾個問題：

的第一頁面加載在這隻作品;任何導航到另一個頁面將使地址欄和導航按鈕重新出現。所以，如果你想要這個工作，你必須建立一個單一的網頁（對於多個'網頁'考慮一個Ajax頁面加載方法，如在jQuery Mobile框架中使用的方法）。
這隻能當你在網頁通過一個應用程序快捷方式圖標到達;如果您直接從Mobile Safari內導航到網站，則不起作用。

來源

2011-07-05 12:49:22 Ben

因此，只有當用戶從桌面快捷方式打開網站時纔有效。當用戶通過在地址欄中輸入網址第一次打開網站時，它不會有效，對嗎？ –

@Jitendra Vyas：這是正確的 – Ben

那麼它只能用於網絡應用程序，因爲在網站中如果用戶想要將任何內部頁面加入書籤，將不可能，因爲底部欄不會出現。 –

它改變頂部的酒吧w /橫幅和載體上，使它成爲一個半透明的黑色。

來源

2011-11-12 17:19:16 Anonymous

什麼是蘋果的移動web應用程序狀態欄式的嗎？

回答

相關問題