jquery - 将网络应用程序嵌入 PhoneGap(针对 iPhone)的选项？

Question

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

我们的目标是保留 Web 应用程序的动态功能(即立即向所有用户部署更改)，同时通过 native shell 访问 Apple App Store(并通过 PhoneGap API 访问其他功能)。

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

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

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

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

还有其他选择吗？谁能分享他们使用这些方法的经验？它们有什么缺点吗？

谢谢!

Answer 1

你需要:

1. 引用phonegap.js
2. 将你的第一个文件命名为 index.html
3. 在配置文件中配置方向、不同的 View 模式以及应用程序中使用的设备服务
4. 准备出发

即使您不在本地引用文件，应用程序也会去获取远程静态文件(这是一个 WebKit View ......)，因此也不需要 iFrame。

JQuery Mobile 与 Phonegap 配合良好，不会踩到对方的脚，所以这边不用担心。

已编辑:

在名为 PhoneGap.plist 的文件中完成了很多配置。这里是

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