在Phonegap中創建一個類似於應用程序的小冊子

Question

我在Phonegap上製作了一本類似Quiz的應用程序...我想繼續學習C的20章。我很困惑如何使用這種應用程序的單頁架構。我在使用JQuery Mobile和Android WebView之前爲我的Android創建了一個類似的應用程序，然後才熟悉Phonegap，但應用程序包含大量（大約15個）頁面。外觀&感覺沒有多少本地特色。

任何關於如何遵循單頁結構的建議，以創建一本書，從WebSQL訪問其頁面內容的書，例如， Chapter_title，page_heading，topic_contents ...和圖片（如果有的話）。

Answer 1

幾個月回來我是在你的情況。我嘗試了jquery mobile，本地應用程序和phonegap。起初編寫Web應用程序起初看起來非常有吸引力，因爲與本地應用程序相比，編碼要容易得多。即使我的回答不是針對您的問題的具體情況，也可能對其他人有所幫助。這是我的意見根據我的研究：

1. 使用phonegap減慢你的應用程序的響應，它加載緩慢，並與jQuery的移動一起響應和加載時間增加。所以我沒有使用它。
2. 單獨使用jquery在薑餅手機和模擬器上沒有什麼不同，您可以清楚地看到一個div在另一個div之間切換的滯後。我也沒有使用它。
3. 我所做的是android Webview。我寫了我自己的JavaScript和CSS，並將它們放在我的頁面的部分。用於....按鈕點擊更改頁面。這種方法爲我創造了奇蹟並給予了近乎原生的表現。

要遵循html中的單頁架構，請使用div元素，如我在上面的第3步中所述。您可以編寫腳本將WebSql數據轉換爲json格式。然後在你的頁面中，你需要使用JavaScript解析數據來調用數據。使用json非常簡單。