求助：如何在Ionic视图每次显示时调用onLoad()函数？

看起来你遇到的核心问题是Android设备上从其他页面返回HomePage后，InAppBrowser的WebView无法自动显示，而且之前用ngOnChanges钩子完全没效果——这很正常，因为ngOnChanges只在组件的@Input属性变化时才会触发，页面导航返回并不会触发这个钩子。

我给你几个针对性的解决方案，都是基于Ionic的页面生命周期钩子来实现的，这才是处理页面进入/返回场景的正确姿势：

方案一：用Ionic页面生命周期钩子触发onLoad() #

Ionic提供了专门针对页面导航的生命周期钩子，其中ionViewWillEnter和ionViewDidEnter会在每次页面即将进入/已经进入视图时触发，包括从其他页面返回的情况，完美匹配你的需求。

修改后的完整代码 #

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { InAppBrowser, InAppBrowserObject } from '@ionic-native/in-app-browser';
import { QrcodePage } from '../qrcode/qrcode';

@Component({
  selector: 'page-home',
  templateUrl: "home.html"
})
export class HomePage {
  // 保存浏览器实例引用，避免重复创建
  private browser: InAppBrowserObject | null = null;

  constructor(
    public navCtrl: NavController, 
    public inAppBrowser: InAppBrowser, 
    public platform: Platform
  ) {}

  // 每次页面进入（包括返回）时触发
  ionViewWillEnter() {
    this.onLoad();
  }

  onLoad(){
    // 如果已经有浏览器实例，直接显示即可，不用重新创建
    if (this.browser) {
      this.browser.show();
      return;
    }

    const url = "https://www.myurl.fr/accounts/login?source=mobapp";
    this.browser = this.inAppBrowser.create(url,'_blank',{zoom:'no',location:'no',hardwareback:'no'});
    
    this.browser.on('loadstart').subscribe((e) => {
      const scriptUrlParam = `window.addEventListener("click",function(e){
        var href=e.target.getAttribute("href");
        if(href){
          location.href=href+"?source=mobapp";
          e.preventDefault();
          alert(location.href)
        }
      });`;
      
      const currentUrl = e.url;
      this.browser?.executeScript({code: scriptUrlParam});
      
      if(currentUrl.indexOf("scanner") !== -1){
        this.navCtrl.push(QrcodePage);
        this.browser?.hide();
      }
    });

    // 监听浏览器关闭事件，清空实例引用，下次进入时重新创建
    this.browser.on('exit').subscribe(() => {
      this.browser = null;
    });

    this.browser.show();
  }

  // 可选：页面离开时隐藏浏览器，比如跳转到扫码页时
  ionViewWillLeave() {
    this.browser?.hide();
  }
}

关键细节解释 #

1. 替换ngOnChanges为ionViewWillEnter：这个钩子是Ionic专门为页面导航设计的，只要页面要进入视图（不管是第一次加载还是返回），都会触发，正好解决你的问题。
2. 保存浏览器实例引用：这样返回页面时不用重新加载整个WebView，直接调用show()就能显示，既提升性能又避免重复执行登录逻辑。
3. 监听exit事件：当用户手动关闭InAppBrowser时，把实例引用置为null，下次进入页面时会重新创建新的实例，避免内存泄漏。
4. 可选的ionViewWillLeave：在跳转到扫码页时隐藏浏览器，返回时再显示，和你代码里的browser.hide()逻辑呼应，体验更流畅。

为什么之前的ngOnChanges没用？ #

再补充一句，ngOnChanges是Angular的组件钩子，只有当组件的@Input装饰器标记的属性发生变化时才会触发，而页面导航返回并不会改变组件的输入属性，所以完全不会触发这个钩子，这就是你之前尝试无效的原因。

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