ionic-framework - 如何在 ionic 3 pwa 应用程序中禁用 Android 后退按钮

Question

我正在使用 ionic 3 和 angular 6 框架开发渐进式 Web 应用程序。一切正常，但是当我按下浏览器后退按钮或移动后退按钮时，我的应用程序会关闭。

我试图搜索如何执行此操作，我可以使用 java 脚本禁用浏览器后退按钮，但在移动应用程序上它不起作用。

<script>
// window.onbeforeunload = function() { return "Your work will be lost."; 
};
  $ionicPlatform.registerBackButtonAction(function (event) {
       event.preventDefault();
      }, 100);

 </script>

我试图注册后退按钮事件和更多，但这些对我来说都不是很好。

任何人都可以有同样的问题然后请告诉我如何解决这个问题。

谢谢， 达塔雷

标签： ionic-frameworkionic3progressive-web-apps

Answer 1

您可以使用 Ionic 的平台来覆盖 Android 上的物理后退按钮。将其添加到 app.component.ts 文件中，如下所示：

import { Platform } from 'ionic-angular';

constructor(public plt: Platform) {}


platform.registerBackButtonAction(() => {
  //Add your code here     
},100);

离子平台服务。