Fatal编程技术网
  • android/
  • Android Phonegap：如何仅显示一次配置屏幕

Android Phonegap：如何仅显示一次配置屏幕

android ios html cordova jquery-mobile

Android Phonegap：如何仅显示一次配置屏幕,android,ios,html,cordova,jquery-mobile,Android,Ios,Html,Cordova,Jquery Mobile,我已经开始了Phonegap的工作，本地应用程序开发人员很难选择混合 我只是想知道我如何在Phonegap中只显示一次配置屏幕。下面是截图。我只想在用户第一次运行应用程序时显示它，而不是在用户启动应用程序并保存IP地址时反复显示 这里的问题是，每当我按下设备的back按钮时，这个屏幕就会显示出来 这是我的HTML： <body> <div data-role="page" id="pageConfig"> // This Div needs to show only

我已经开始了Phonegap的工作，本地应用程序开发人员很难选择混合

我只是想知道我如何在Phonegap中只显示一次配置屏幕。下面是截图。我只想在用户第一次运行应用程序时显示它，而不是在用户启动应用程序并保存IP地址时反复显示

这里的问题是，每当我按下设备的back按钮时，这个屏幕就会显示出来

这是我的HTML：

<body>

<div data-role="page" id="pageConfig"> // This Div needs to show only first time

    <div class="ui-content" data-role="main">
        <h3>Configurations</h3>

        <label for="ipText">IP Address:</label>
        <input type="url" id="ipText" name="ipText" />
        <a href="#" class="ui-btn ui-btn-b ui-corner-all mc-top-margin-1-5" onclick="saveConfigs()">Save</a>
    </div>

</div>

<div data-role="page" id="pgLgn">

    <div data-role="main" class="ui-content">
        <form id="form1" class="validate">

            <div class="ui-field-contain">
                <label for="usrNme">Username:</label>
                <input type="text" name="usrNme" id="usrNme" placeholder="Username" data-clear-btn="true" data-theme="d" class="required" />
            </div>

            <div class="ui-field-contain">
                <label for="pswrd">Password:</label>
                <input type="password" name="pswrd" id="pswrd" placeholder="Password" data-clear-btn="true" data-theme="d" class="required" />
            </div>

            <div class="ui-field-contain">
                <input type="checkbox" id="chbx-0" class="custom" data-inline="true" />
                <label for="chbx-0">Remember me</label>
            </div>

            <input type="submit" data-inline="true" value="Login" id="btnLogin" data-shadow="false" data-theme="a" onclick="OnLoginClick()"/>
            <input type="reset" data-inline="true" value="Reset" data-shadow="false" />

        </form>
    </div>
</div>
</body>


//这个Div只需要第一次显示
配置
IP地址：
用户名：
密码：
记得我吗
我需要什么Cordova插件

注意：我正在使用Jquery Mobile和Cordova SQLite插件进行数据存储。我的应用程序是单页架构

提前谢谢

如果不清楚，请告诉我。

您必须在设备就绪功能中写入此行

document.addEventListener("backbutton",onBackKeyDown,false);

function onBackKeyDown(){

 if($.mobile.activePage.attr("id") == "pgLgn"){
            navigator.app.exitApp();
        }
        else{
            navigator.app.backHistory();
}
}
使用。用key保存一个简单字符串，并检查
devicerady
函数中是否有key对应的特定值。

在javascript中使用cookie或sessionStorage.ok！根据sessionStorage，只要应用程序关闭，它就会被擦除。然后查看localStorage，它不会在应用程序关闭时过期使用@TamilSelvan建议的localStorage…并限制backbutton。localStorage确实有效。还有一件事！它只在HTML5中工作还是在以前的版本中工作？根据您的需要更改您的页面id这很好而且有效。请告诉我，这是处理设备后退按钮的唯一方法吗？我不知道…这是处理Phonegap中后退按钮的方便方法 
document.addEventListener("backbutton",onBackKeyDown,false);

function onBackKeyDown(){

 if($.mobile.activePage.attr("id") == "pgLgn"){
            navigator.app.exitApp();
        }
        else{
            navigator.app.backHistory();
}
}