phonegap hypride在线和离线应用

时间:2014-09-30 19:31:03

标签: javascript cordova

我正在开发一个Sencha-touch应用程序,我用Phonegap打包。为了使开发更容易,我只使用Phonegap作为shell来加载我的在线网站。这一切都很好,每次有变化时我都不需要构建和分发应用程序。我只需要更新我的在线网站。

除了现在我想使用一些PhoneGap事件(简历,设备准备等)。为了使这些事件有效,我需要在index.html中包含gordova.js文件。

我的问题是index.html在我的服务器上,而不在Phonegap www文件夹中。所以当我尝试在index.html中包含gordova.js时,如:

<script type="text/javascript" src="cordova.js"></script>

应用程序在我的网络服务器上搜索cordova.js,但找不到该文件。我知道我可以将cordova.js文件放在我的服务器上,但是每个平台的cordova.js文件差异然后我不知道我需要加载哪个(平台)cordova文件。

有没有办法在我的在线加载的index.html文件中包含脱机文件(在Phonegap www文件夹中)?或者你有其他建议吗?

谢谢Stefan

1 个答案:

答案 0 :(得分:0)

index.html 文件放在assets\www目录中,并将其作为申请的起点。
在位于assets\www目录中的 index.html 文件中,您需要在 head 标记中添加以下代码。 window.location将重定向到您的网站网址。

<script>
    document.addEventListener("deviceready", onDeviceReady, false); 
    function onDeviceReady() {
        // Now safe to use the Codova API
     window.location="http://your.website/index.html"; }
</script>

您需要启用CORS。要在客户端上启用CORS,请执行以下步骤 告诉Cordova可以安全地在 config.xml 属性中加载您的网站(如果您没有,可以删除子域名部分)

<access origin="http://your.website" subdomains="true"/>