在移动Cordova PhoneGap应用程序中嵌入网站; android build

时间:2015-12-16 06:00:27

标签: javascript android cordova jquery-mobile phonegap-build

我根据“使用入门”下的说明创建了一个非常基本的PhoneGap应用程序http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/

在第4步结束时,它解释了如何进行修改:

http://docs.phonegap.com/getting-started/4-run-your-app/desktop/

然后我走得更远,只用这样的iFrame替换了<div class="app"...部分:

<iframe src="http://www.testing.com" style="width: 100%; height: 100%; border: none;">You need a Frames Capable browser to view this content.</iframe>

当我通过手机上的PhoneGap开发者应用程序进行测试时,它看起来不错。

然后我从项目文件夹(我的phonegap工作区内有该项目名称的文件夹)中创建了一个zip,并将其上传到我在build.phonegap.com上的帐户

然后当我下载android apk并安装并在Android上运行时,屏幕看起来像这样:

http://imgur.com/InGwhjY

因此,我现在用这样的javascript取代了iFrame:

<script type="text/javascript">
window.location="http://www.testing.com";
</script>

我也尝试过将页面加载到“onload”或“ondeviceready”的变体。

我的所有尝试都是一样的:它在我的iPhone上的PhoneGap开发者应用程序中运行良好,但是当我在Android上尝试相同时它只是在页面上并且什么都不做,并且在phonegap控制台中没有出现错误

以外的

[code]收听192.168.2.83:3000 200 / api / appzip [/ code]

我还注意到我的phonegap应用构建器在默认的index.html中插入了以下行:

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

...但是没有创建这样的文件。不确定这与它有什么关系吗?

1 个答案:

答案 0 :(得分:1)

好, 你需要重新开始。

1)您无法使用 Phonegap桌面应用程序中的框架进行 Phonegap Build 在此处查看最近的答案:Phonegap issue with Ajax Request

2)您不能将移动应用程序用作网站包装,并将其提交到Google Play或Apple iTunes查看#5 Top Mistakes by Developers new to Cordova/Phonegap底部附近的#4。这违反了Apple的政策。读取。

3)你应该在本地加载所有资产(javascript,css,fonts等)。这意味着文件应该在设备上,而不是在互联网上。几乎没有例外。这是&#34;最佳实践&#34;适用于移动应用。

4)您可以从onDeviceReady拨打onLoad,但这无关紧要。 deviceready等待onload查看Top Mistakes by Developers new to Cordova/Phonegap

HOW TO apply the Cordova/Phonegap the whitelist system

5)正如@joerg建议的那样,您需要了解whitelists。此白名单工作表应该有所帮助。 current documentation

6)index.html中的行<script type="text/javascript" src="cordova.js"></script>应该已存在。 Phonegap Build 将添加该文件。您需要确保该行已在index.html中。如果不存在该行,则代码将无效。

6)注意事项(已添加2015-12-22)当您使用 Phonegap Build 时,根据tried,无论是否您使用 cordova.js phonegap.js 。向下滚动到&#34;确保您仍然可以访问PhoneGap API&#34;

欢迎来到Cordova / Phonegap。最好的运气