在移动 Web 应用程序中处理页面堆栈

Question

我们正在使用 PhoneGap 和 JQuery mobile 构建一个移动 Web 应用程序。这是我们的流程：

网关 -> 登录 -> 加载详细信息

    -> LoadDetails

从 LoadDetails 执行各种其他工作流，最后将用户重定向回 LoadDetails 并相应更新信息。

我们在 Android 中的目标是让 LoadDetails 成为应用程序中的最顶层页面。工作流程完成后，返回 LoadDetails 应该会退出应用程序。

我们有多种方法可以访问 LoadDetails，我列出了最常见的两种。显然，如果用户成功登录并登陆 LoadDetails，我们不希望返回按钮让他们返回登录。

需求： - 从堆栈中删除页面的能力

想法？

Answer 1

在您的 LoadDetails 页面上，您想注册一个 backbutton 事件侦听器。在处理事件的方法中，您需要调用 navigator.app.exitApp() 来退出应用程序。像这样的：

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

function onBackKeyDown() {
   navigator.app.exitApp();
}