Question

我是离子框架的新手，我无法在iframe中管理硬件后退点击功能。我正在使用iframe加载某些网址。单击硬件后退按钮时，我应该能够导航回浏览器历史记录页面。但每当我点击硬件退出它的应用程序。

`<iframe #iframe id="iframe" style="height: 100%;width: 100%;" src="your url"></iframe>`

@ViewChild('iframe') iframe:ElementRef;

constructor(public platform:Platform,public nav:Nav){

  platform.registerBackButtonAction(() => {
     if(this.nav.canGoBack()){
        this.iframe.nativeElement.contentWindow.history().back();
     }
  });
}

Answer 1

您可以使用window.history.back()：

  ionViewDidLoad() {
    this.navBar.backButtonClick = (e: UIEvent) => {
      window.history.back();
    }
    this.initializeBackButtonCustomHandler();
  }

  ionViewWillLeave() {
    // Unregister the custom back button action for this page
    this.unregisterBackButtonAction && this.unregisterBackButtonAction();
  }

  initializeBackButtonCustomHandler(): void {
    this.unregisterBackButtonAction = this.platform.registerBackButtonAction(function(event){
      window.history.back();

    }, 101); // Priority 101 will override back button handling (we set in app.component.ts) as it is bigger then priority 100 configured in app.component.ts file */
  }

有关此方法的更多信息，请访问here。

在iframe中管理浏览器历史记录onclick硬件后退按钮离子2

1 个答案: