Phonegap应用程序在启动时加载外部链接 - Android

时间:2014-06-21 22:07:36

标签: javascript android html cordova

我正在创建一个链接到网站的phonegap应用程序,我想在页面启动时加载它。

这是我尝试过的,一个简单的onload方法调用window.open函数,我尝试了一个在设备准备好时调用的函数。我正在运行最新版本的Phonegap(3.5.0)和Android HTC One(运行4.4.2)。下面是我的deviceready代码。此代码位于index.html代码中,位于我的Durandal applcation中的www文件夹中。我认为它不起作用,因为我没有在此链接的示例代码中导入的cordova.js文件http://docs.phonegap.com/en/3.5.0/cordova_events_events.md.html#Events

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" />
        <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css" />
        <link rel="stylesheet" href="lib/durandal/css/durandal.css" />
        <script type="text/javascript" charset="UTF-8">
            function onLoad () {
                document.addEventListener("deviceready", function () {
                    window.open("http://google.com", "_system");
                }, false);
            }
        </script>
    </head>
    <body onload="onLoad">
        <div id="applicationHost"></div>
        <script src="lib/require/require.js" data-main="app/main"></script>
    </body>
</html>

感谢您的帮助。这是我的第一个堆栈溢出问题。请告诉我,我的问题格式是否正确以及如何在以后的问题中对其进行改进。此外,请建议其他方法,我可以使用phonegap在应用程序启动时打开一个窗口。我考虑的另一个选择是开发一个使用Android和Java的应用程序,创建一个WebView,但这并没有给我我想要的Android和Windows Phone的跨平台部署,我想写这个简单的应用程序使用HTML,CSS,JS使用Durandal和PhoneGap。

1 个答案:

答案 0 :(得分:1)

在durandal.css添加链接之后添加此行。

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

如果没有cordova.js,deviceready函数将无法触发。你现在不需要看到cordova.js在哪里。它将通过phonegap自动添加。现在只需添加此行。