Question

我有一个PhoneGap / Apache Cordova应用程序，我已将自己的index.html页面插入到www文件夹中，但是当我运行该应用程序时，它不会转到index.html页面，而是启动了它具有“设备就绪”消息的屏幕。我在哪里配置启动页面？

Index.html页面：

<html>
<head>
    <script src="jquery-2.1.1.js"></script>
    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.4.min.css" />
    <script src="jquery.mobile/jquery.mobile-1.4.4.min.js"></script>
</head>
<body>
    <div data-role="header" data-theme="b" class="ui-bar ui-bar-b"> 
        <h1>Welcome to my app!</h1>
    </div>
    Username <input type="text" id="username" name="Username"></input><br>
    Password <input type="text" id="password" name="Password"></input>
    <button id="submit">Submit</button>
    <div data-role="footer" data-theme="b" class="ui-bar ui-bar-b"><h1>Placeholder</h1></div>
</body>
<style type="text/css">
body{
    border:0;
}
</style>
</html>

Answer 1

我认为你没有编辑正确的index.html文件。如果你正在为android构建，那么有一个index.html文件位于assets / www文件夹中。这是您应该编辑的文件，以创建Android应用程序的第一个屏幕。

注意：默认情况下会隐藏 www文件夹，以使其可见goto 项目 - ＆gt;属性 - ＆gt;资源 - ＆gt; Eclipse中的资源过滤器并删除排除过滤器。

有关详情，请查看：http://codezag.com/apache-cordova-android-stuck-device-ready-screen/

Answer 2

config.xml应包含类似<content src="index.html" />的条目下面是一个示例config.xml文件。 config.xml文件中的条目可以被您自己的html文件名覆盖，该文件名将用作启动html文件。

EDIT1：
哎呀。我完全忘了看你编辑过的问题。

您在 index.html 文件中缺少重要条目。

您需要在 head 标记中包含以下内容。

<head>
        <!-- Cordova Script Tag over here -->
        <script type="text/javascript" src="cordova.js"></script>

        <!-- Jquery plugin over here -->

</head>

**下面的示例config.xml **

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.company.appname" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <preference name="loglevel" value="DEBUG" />
    <preference name="AndroidLaunchMode" value="singleTop" />
    <feature name="App">
        <param name="android-package" value="org.apache.cordova.App" />
    </feature>
    <feature name="Device">
        <param name="android-package" value="org.apache.cordova.device.Device" />
    </feature>
    <name>appname</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <access origin="*" />
</widget>

Answer 3

我正在为iOS构建。有一个类似的问题。我是新手，但在App Store上有一个cordova应用程序至少3年，所以我知道这已经改变了。现在有一个WWW文件夹和一个Staging / WWW文件夹，后来似乎很重要。还有两个Config.xml文件。此外，重要的是将HTML文件/文件夹直接拖放到Xcode中，这有助于构建正确的索引......它们可以在驱动器文件结构中但在Xcodes Tree / IDE中仍然不可见;也就是说，当你建立并运行它们时，它们不会被抓住...我发现整个事情令人困惑，但就像我说我是新手一样。

PhoneGap / Apache Cordova：卡住＆＃34;设备准备就绪＆＃34;屏幕

3 个答案: