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

Question

我是初学者来电话。我想在index.html中创建布局，该布局由javascript驱动，并且还具有在应用程序中使用apis的cordova。我可以运行硬编码的index.html，但我想在phonegap中作为一个实时网站运行，并且还想在我的实时网站中使用cordova插件。

任何人都可以帮助我或任何想法如何通过javascript使用实时网站或动态HTML？

提前致谢，

Vijay Barnwal

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. 使用metatag将用户重定向到所需的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才能使其正常工作。