2012-11-01 27 views
6

我目前正在與開發人員在使用Phone Gap的相對簡單的數據採集iPad應用程序的早期階段合作。從功能上是UI,應用程序基本上是: -如何加快phonegap jquery移動頁面更改

  • 5數據採集「頁面」在頂部
  • 導航欄5個選擇參照各頁的
  • 當加載應用程序,你'在第1頁上,向左滑動會引入正常的幻燈片動畫並將您移動到第2頁等等
  • 當您點擊其中一個選擇器時,它會引入幻燈片動畫並將您移動到該頁面
  • 這些頁面有簡單的數據輸入字段和圖像和滑塊等 - 爲了這個目的est,我們甚至刪除了所有這些,只在每個頁面上放置一個佔位符字段。

我們現在正在努力克服的關鍵問題是,無論何時移動到另一頁面(通過在導航器上滑動或選擇),在轉換開始前有1-2秒的延遲,新頁面出現。即使我們從頁面中刪除圖像,也會出現1-2秒的延遲。我們希望將這個延遲降低到< 0.5秒,並且/或者讓它感覺更像是一個本地應用程序,就移動頁面而言。

從技術層面上,這是應用程序所包含的內容: -

  • JQM 1.2.0
  • 各種版本的jQuery 1.8.2高達
  • 的Web 2.0(HTML5,CSS3,JScript中)
  • 的WebKit
  • 目前使用單文件,多頁(不過已經嘗試多個頁面,並沒有區別)
  • 硬件ACCE lerated,WebKit的調整,同時轉換
  • 許多JQM & jQuery插件

我們是新來的PhoneGap和iOS應用的開發。我們將繼續研究的方法來嘗試並獲得超過這個速度延遲,並想知道: -

  1. 有沒有人開發了這樣一個應用程序,並設法讓 頁面切換/滑動順暢和附近發生-natively? (和大多數 肯定小於1秒的延遲)
  2. 是否有任何可靠的技巧/途徑探索,以顯着提高頁面切換速度?
  3. 有誰強烈地感到,我們所看到的可能是 最好的PhoneGap如果是這樣發展的時候,你可以得到,有 這也主要是利用網絡技術的替代,不要求 Xcode的知識,比這更具視覺效果?

我會任何提示感謝和洞察力,任何人都可以提供這方面的,因爲如果沒有對解決這個拖延和懈怠沒有出路,我們可能需要放棄電話差距,並期待在本地解決方案,它不會在我們的情況下是一個直截了當的選擇。很多很多人提前感謝您對我的第一篇文章堆棧溢出的支持!

+0

您應該說明您正在測試的iPad版本。他們有不同的規格。你也應該發佈你試圖優化的代碼,以便我們知道你在哪裏。 – Jasper

+0

也試圖鎖定沒有代碼:這是否發生,沒有使用phonegap?如果是這樣,你檢查了Firebug什麼延遲可能源於=阿賈克斯火災晚?阿賈克斯火沒關係,但阿賈克斯成功和過渡之間,系統失速,... – frequent

+0

好點 - 我們在運行iOS6的iPad2上測試。不確定這是否可以使用phonegap,因爲這是我們第一次爲iPad構建應用程序 - 我們還沒有嘗試過任何其他框架。 – user1791809

回答

3

我的用戶意見是這裏。我沒有太多的運氣,試圖讓jQuery手機感覺原生。我使用名爲App-UI的框架來處理頁面轉換,並將其作爲我的應用程序的基本框架(此框架超輕量級)。然後我用純CSS設計UI。 (這會使應用程序感覺更加本地化 - 嘗試使用CSS3處理轉換)。

https://github.com/triceam/app-UI

這需要其他依賴,其中包括:

再次,這是我自己的意見。這是開發手機應用程序時最適合我的東西,它感覺自然。

4

jQuery Mobile默認添加一個300ms的延遲來點擊事件 - 它傾聽雙擊和滑動等事件。如果您沒有使用這些類型的事件,請考慮在我的PhoneGap/jQueryMobile應用程序中解決了速度問題的FastClick(可用on this thread)。

+0

請參閱[這個問題](http://stackoverflow.com/questions/13477328/speed-fix-how-to-remove-the-300ms-delay-in-jquery-mobile-apps)。 – MikeZ