javascript - 在 Phonegap 应用程序中动态加载 index.html

Question

我是 phonegap 的初学者。我想在由 javascript 驱动的 index.html 中创建布局，并让 cordova 在应用程序中使用 api。我能够运行硬编码的 index.html，但我想在 phonegap 中作为实时站点运行，并且还想在我的实时站点中使用 cordova 插件。

任何人都可以帮助我或知道我如何通过 javascript 使用实时网站或动态 html 吗？

提前致谢

维杰巴恩沃尔

Answer 1

您可以通过以下 3 种方法中的任何一种加载实时网站:

1. 嵌入 HTML iframe <iframe src="http://example.com"></iframe> ，为此，您需要在您的设备和 Web 服务器上启用跨源资源共享。阅读Cordova 3.5.0 Whitelist Guide对于服务器，I want to add CORS support to my server .

2. 使用元标记将用户重定向到所需的 URL。 <meta http-equiv="refresh" content="0; url=http://example.com/" />

3. 如果您仍然需要使用所有 Cordova 功能和插件，唯一的方法是使用 AJAX 将网站加载到 <div> 中。标签。阅读:Ajax/jQuery - Load webpage content into a div on page load? 注意:您仍然需要启用 CORS 才能使其正常工作。