2011-11-06 64 views
3

我們有一個使用jQuery Mobile構建的現有web應用程序。將Web應用程序嵌入PhoneGap(定位iPhone)的選項?

我們的目標是保持一個Web應用程序(即部署,立即向所有用戶的更改)的動態功能,但有(通過PhoneGap的API和訪問其他功能)通過本機shell訪問蘋果App Store。

據我們瞭解,這裏是嵌入現有的Web應用程序(使用jQuery移動內置)到PhoneGap的應用程序的選項:

1)重寫應用程序引用文件(例如,圖像,聲音,頁)(而不是服務器),並將Web應用程序的第一頁重命名爲「index.html」。

2)將iFrame嵌入引用Web應用程序的簡單PhoneGap應用程序中。這不需要對Web應用程序進行任何更改,而是更改PhoneGap配置文件以允許外部源在iFrame中打開,而不是在移動Safari中打開。

3)使用PhoneGap應用程序中的jQuery Mobile,在「index.html」加載並加載webapp後立即使用$ .mobile.changePage。這可以避免iFrames。

還有其他的選擇嗎?任何人都可以與他們分享他們的經驗嗎?它們中的任何一個都有什麼缺點?

謝謝!

回答

2

您需要:

  1. 參考的phonegap.js
  2. 名稱的第一個index.html文件
  3. 配置方向,而不同的視圖模式,並在應用程序中使用的設備服務配置文件
  4. 蓄勢待發

即使你不引用本地文件,應用程序將g^o並獲取遠程靜態文件(這是一個WebKit視圖..),因此不需要iFrame。

JQuery mobile與Phonegap一起工作良好,那裏不踩彼此的腳,所以不用擔心這邊。

編輯:

配置好一點的是在一個名爲PhoneGap.plist文件來完成。 這是

  1. 啓用禁用某些PhoneGap的功能,
  2. 設置主機列表內的PhoneGap或Safari處理
  3. 聲明額外的PhoneGap插件,你想在應用程序
+0

包括謝謝,尼古拉斯!對不起,爲了澄清,如果文件最初是相對於服務器,則需要在本地重命名文件。否則,你是對的 - 如果文件是絕對命名的,則不需要重命名它們。 – Crashalot

+0

通過配置文件,您的意思是:https://build.phonegap.com/docs/config-xml。對? – Crashalot

+0

確實,完全正確。 任何機會我可以看到應用程序時,它完成?;) –

相關問題