2012-07-01 102 views
10

我正在爲移動設備創建一個HTML5網絡應用程序,並被要求隱藏瀏覽器導航欄(後退&前進按鈕)(打字錯誤,此處爲prev。)。我怎樣才能做到這一點?HTML5全屏幕網絡應用程序:沒有瀏覽器欄

我認爲我應該能夠實現使用Phone Gap。但我想知道它是否可能用於「普通」網頁應用程序來隱藏瀏覽器欄?我認爲如果我將網站/應用程序固定到主屏幕,它可能會發生?

iPhone有http://ajaxian.com/archives/iphone-full-screen-webapps,但Andriod至少怎麼樣?

+0

你能夠在你的應用程序中應用JQuery嗎? – Asif

回答

8

我知道這個問題是一個有點過時了,在這一點上所以這裏是一個更新:

在Safari上的iOS 7+該解決方案是偉大的:

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

最小的UI屬性使得瀏覽器隱藏所有的按鈕,同時保持任務欄完好。

我還沒有測試過這個android。

7

如果您可以在您的網絡應用程序中使用JQuery比我建議您去尋找NiceScroll插件。

它可用於移動和桌面瀏覽器,並將隱藏瀏覽器的滾動條。如果你的代碼超出了瀏覽器的瀏覽器高度,那麼它將會創建一個自定義的滾動條,如果它沒有被使用,它將會消失。

這裏是its Demo

編輯:
按照您的更新,我想補充一點,我其實不是一個本地移動web應用程序開發人員,但在檢索您的問題,我發現了一些做題,可以幫助你帶領進一步方式:

而且這些教程S:

+0

Ops,我的壞,我的意思是瀏覽器欄。具有後退和前進按鈕的那個 –

+1

您是否在考慮「_Automatic F11 Script_」? – Asif

+0

哦,我剛剛發現,這意味着自動使瀏覽器全屏幕......嗯不完全實際。我覺得iPhone有一個全屏的網絡應用程序的東西http://ajaxian.com/archives/iphone-full-screen-webapps,但Andriod –

-1

編輯

新的答案

很多人改變,因爲這個問題被問。現在有很好的原生支持滾動,固定位置,並且大多數操作系統的瀏覽器欄比當時小得多。由於這種情況,我建議不要訴諸滾動黑客大多數站點和答案的建議。堅持操作系統的規則將提高您的web應用程序的穩定性,可用性和未來兼容性。

老答案

這有可能爲iPhone時,有人將其保存爲一個Web應用程序的主屏幕。如果您添加適當的元標記,這將起作用。

對於標準browsermode這是一個有點棘手,你必須退回到黑客。基本上,地址欄在滾動時會消失(對於Iphone和大部分Android版本)。你可以用javascript來僞造這個。移動內容也有一個很好的文章: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/,但這隻適用於內容的屏幕分辨率更長。

0

你可以使用這個應用程序爲Android:Kiosk Web/Html Browser,它創建一個文件夾在你的SD卡,你可以把HTML,以全屏幕「沉浸模式」顯示。

相關問題