首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

HTML5 應用在 Android 上實現退出功能的正確姿勢

     編輯:程式設計綜合問答

默認行為衝突

Android 物理返回鍵默認觸發 history.back(),單頁應用(SPA)中無歷史記錄時不會退出應用。

主流框架解決方案

1. Apache Cordova / PhoneGap

document.addEventListener('backbutton', function() {
    navigator.app.exitApp(); // 直接退出應用
}, false);

2. HBuilder / 5+ Runtime (plus.runtime)

document.addEventListener('backbutton', function() {
    plus.runtime.quit(); // 5+ 標準退出 API
}, false);

3. 通用 Web 應用(無原生殼)

無法直接調用原生退出,需引導用戶點擊頁面內「退出」按鈕調用 window.close()(僅對 window.open 打開的窗口有效)或提示用戶使用系統任務管理器關閉。

最佳實踐

  • 在首頁監聽 backbutton,彈出確認對話框:if (confirm('確定退出?')) plus.runtime.quit();
  • 配合 history.pushState 管理虛擬歷史棧,避免誤觸發瀏覽器後退。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved