将Web应用程序嵌入PhoneGap(定位iPhone)的选项?

时间:2011-11-06 01:53:11

标签: jquery iphone html5 jquery-mobile cordova

我们有一个使用jQuery Mobile构建的现有Web应用程序。

我们的目标是保留Web应用程序的动态功能(即,立即部署到所有用户的更改),然后通过本机shell访问Apple App Store(并通过PhoneGap API访问其他功能)。 / p>

据我们了解,以下是将现有网络应用程序(使用jQuery Mobile构建)嵌入PhoneGap应用程序的选项:

1)将应用程序重写为本地引用文件(例如图像,声音,页面)(而不是服务器),并将Web应用程序的第一页重命名为“index.html”。

2)将iFrame嵌入到引用Web应用程序的简单PhoneGap应用程序中。这不需要更改Web应用程序,但更改PhoneGap配置文件以允许外部源在iFrame中打开而不在移动Safari中打开。

3)在PhoneGap应用程序中使用jQuery Mobile,在“index.html”加载并加载webapp后立即使用$ .mobile.changePage。这避免了iFrame。

还有其他选择吗?有谁可以分享他们使用这些方法的经验?它们中的任何一个都有缺点吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

你需要:

  1. 参考phonegap.js
  2. 将您的第一个文件命名为index.html
  3. 在配置文件中配置方向,不同的视图模式以及应用程序中使用的设备服务
  4. 准备好了
  5. 即使您没有在本地引用这些文件,该应用程序也将获取远程静态文件(它是一个WebKit视图..),因此也不需要iFrame。

    JQuery mobile与Phonegap配合得很好,没有踩到对方的脚,所以不用担心这方面。

    <强>编辑:

    在名为PhoneGap.plist的文件中完成了一些配置。 这是

    1. 启用禁用某些PhoneGap功能
    2. 设置要在PhoneGap或Safari
    3. 中处理的主机列表
    4. 声明要包含在应用程序中的其他PhoneGap插件