Android平台PWA连续按两次返回键直接退出问题求助

1. 严格同步内部页面栈与History状态 #

确保每次内部导航时，内部栈操作与history.pushState/replaceState完全同步，避免状态错位：

• 初始化时，将当前页面路径加入内部栈（保留首页作为基础）
• 每次内部跳转：
  1. 将当前路径推入内部栈
  2. 使用带唯一标识的state调用history.pushState（比如加入时间戳或自增ID），防止Chrome合并连续历史记录
• 监听popstate事件时，仅同步内部栈的弹出操作，不额外修改History

示例代码：

// 内部页面栈初始化
const internalPageStack = [window.location.pathname];

// 内部导航函数
function navigateTo(targetPath) {
  if (window.location.pathname === targetPath) return;

  internalPageStack.push(window.location.pathname);
  // 带唯一ID的state，避免Chrome合并历史
  const uniqueState = { path: targetPath, id: Date.now() };
  history.pushState(uniqueState, '', targetPath);
  
  // 执行页面渲染逻辑
  renderPage(targetPath);
}

// 监听popstate事件
window.addEventListener('popstate', (event) => {
  // 内部栈长度大于1时（至少保留首页），处理内部返回
  if (internalPageStack.length > 1) {
    const prevPath = internalPageStack.pop();
    renderPage(prevPath);
    // 此处无需修改History，popstate已触发History回退
  }
  // 内部栈仅存首页时，允许硬件返回键退出应用
});

2. 修复Chrome历史记录合并问题 #

Android Chrome会对**无用户交互触发的连续pushState**进行合并，导致History记录被合并为一条，连续按返回直接退出。解决方法：

• 确保所有内部导航都在用户交互（点击、触摸）上下文内触发
• 若存在自动导航场景，先调用history.replaceState更新当前状态为带唯一标识的内容，再执行pushState：

function autoNavigate(targetPath) {
  // 先替换当前状态，避免合并
  history.replaceState({ path: window.location.pathname, id: Date.now() }, '', window.location.pathname);
  internalPageStack.push(window.location.pathname);
  history.pushState({ path: targetPath, id: Date.now() }, '', targetPath);
  renderPage(targetPath);
}

3. 拦截Beforeunload事件（兜底方案） #

如果上述方法仍有问题，通过beforeunload拦截应用退出，当内部栈还有页面时手动触发内部返回：

window.addEventListener('beforeunload', (event) => {
  if (internalPageStack.length > 1) {
    // 阻止默认退出行为
    event.preventDefault();
    // 手动执行内部返回
    const prevPath = internalPageStack.pop();
    renderPage(prevPath);
    // 更新History状态匹配内部栈
    history.replaceState({ path: prevPath, id: Date.now() }, '', prevPath);
    // 兼容部分浏览器的返回值要求
    event.returnValue = '';
  }
});

4. 验证Standalone模式的History行为 #

若PWA运行在display: standalone模式：

• 不要手动修改history.length，保持与内部栈同步
• 初始化时避免重复pushState，防止History初始长度异常

内容的提问来源于stack exchange，提问作者Indrek Siitan