2012-11-09 65 views
0

我很高興地開發了一個使用JQuery Mobile的移動網站,除了隱藏瀏覽器地址欄的明顯延遲(iOS Safari上大約5秒)之外,一切都非常漂亮。Jquery mobile - 延遲自動隱藏地址欄

AJAX轉換意味着它始終是隱藏的,但是在開始頁面上,網頁標誌在頁面加載後隱藏長達5秒,給用戶一個非常沒有品牌和令人困惑的感覺。

任何人都可以想到任何延遲/加速方式的原因?在頁面上沒有加載大圖片,在隱藏地址欄之前將窗口加載事件中的警報置於觸發方式,並且在JQuery Mobile代碼中觸發代碼的setTimeout延遲僅爲20 ms。

由於提前,泰德

+0

這不是一個依賴於瀏覽器的問題嗎?你有沒有嘗試不同的瀏覽器? –

+0

問題可能是這個重複:http://stackoverflow.com/questions/7890003/how-to-remove-address-bar-in-safari-in-ios5 –

+0

我想這將是一個因素。 iOS上的Chrome似乎並沒有讓JQuery Mobile隱藏工具欄,這對主頁來說更好,但之後更糟糕,因爲全屏視圖的功能丟失了。 – Ted

回答

0

不幸的是,我不得不求助於一個漂亮的哈克解決方案。

我在頁面頂部添加了一個虛擬的60px高隔離區div,它將按下標題,以便隨時顯示。然後,在5秒的setTimeout調用之後,這被Javascript隱藏起來,這大致相當於我們在url欄上獲得的延遲被JQuery mobile自動隱藏。

這只是在啓動頁面上必需的,我們必須在rel =「external」鏈接上加載其他鏈接,這是因爲我們犯了一個混合需要回發的ASP.net站點和JQuery mobile的錯誤,but that's another story...

0

我用手機樣板的MBP.hideUrlBarOnLoad()和我沒有遇到一個五週秒鐘的延遲。

隱藏地址欄

MBP.hideUrlBarOnLoad用來隱藏在移動 Safari瀏覽器的iOS設備上的頂部的地址欄。移動空間有限,這有助於利用屏幕上的每個像素來最大化顯示區域。

0

當內容與Safari「Reader」兼容(當您在url欄上看到url旁邊的「Reader」標籤)時,我看到了這種情況。我不確定,但如果是這種情況,也許你可以嘗試讓你的內容減少Reader的兼容性。