ionic2 InAppBrowser (이온 네이티브) loaderror가 작동하지 않습니다.

Question

네트워크가 연결되어 있지만 인터넷이 작동하지 않는 경우. 예 wifi 연결이 있지만 wifi가 브라우저에서 관찰 할 수있는 것보다 인터넷에 연결되어 있지 않으면 "loaderror"이벤트가 발생합니다.

코드 :

import { Component } from '@angular/core'; 
import { Platform,AlertController,LoadingController } from 'ionic-angular'; 
import { StatusBar } from '@ionic-native/status-bar'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 
import { Network } from '@ionic-native/network'; 
import { HomePage } from '../pages/home/home'; 
import { InAppBrowser } from '@ionic-native/in-app-browser'; 


@Component({ 
    templateUrl: 'app.html' 
}) 
export class MyApp { 
    public rootPage:any = HomePage; 

    constructor(private platform: Platform,private statusBar: StatusBar,private splashScreen: SplashScreen, private network: Network, private alertCtrl: AlertController, private iab: InAppBrowser, private loadingCtrl: LoadingController) { 

platform.ready().then(() => { 
    // Okay, so the platform is ready and our plugins are available. 
    // Here you can do any higher level native things you might need. 

    let alert = this.alertCtrl.create({ 
      title: "Network Problem", 
      subTitle: 'Internet is not connected' , 
      buttons: [ 
       { 
        text: 'Close', handler:() => { 
         this.platform.exitApp(); 
        } 
       } 
      ] 
     }); 
     const loading = this.loadingCtrl.create(); 
     if(this.network.type !== 'none') { 
      loading.present(); 
      const browser = this.iab.create('http://www.google.com','_blank','location=no,clearsessioncache=yes'); 
      browser.on("loaderror").subscribe(() => { 
       loading.dismiss(); 
       this.iab.create('http://192.168.2.222/users/dashboard','_blank','location=no,clearsesioncache=yes'); 
      }); 
      const sub = browser.on('loadstart').subscribe(() => { 
       loading.dismiss(); 
       sub.unsubscribe(); 
      }, 
       err => { loading.dismiss(); console.log('error') ; alert.present()}, 
       () => { loading.dismiss(); console.log('success') }); 
     }     

     /// check connectivity automatically . 

     let connectSubscription = network.onConnect().subscribe(() => { 
       loading.present(); 
       const browser = this.iab.create('http://www.google.com','_blank','location=no,clearsesioncache=yes'); 
       browser.on("loaderror").subscribe(() => { 
        loading.dismiss(); 
        this.iab.create('http://192.168.2.222/users/dashboard','_blank','location=no,clearsesioncache=yes'); 
       }); 
     }); 
     let disconnectSubscription = network.onDisconnect().subscribe(() => { 
       const browser = this.iab.create("error.html",'_blank','location=no');  
     }); 

    statusBar.styleDefault(); 
    splashScreen.hide(); 
    }); 
} 
} 

그러나 항상도 항상로드 얻을 clearsessioncache 및 인터넷 연결 해제 후, 구글의 페이지를로드합니다. 나는이 두 가지를 모두 안드로이드와 데스크톱에서 테스트했다.

Answer 1

다음과 같이 시도 할 수 있습니다.

참고 : 따라서 다음과 같이 loader을 사용해야하는 특정 지연이 있습니다.

goToWebPage() { 
    const loading = this.loadingCtrl.create();//use loader 
    loading.present(); 
    const browser = this.iab.create('http://www.google.com'); 
    const sub = browser.on('loadstart').subscribe(() => { 
     loading.dismiss(); 
     sub.unsubscribe(); 
    }, 
     err => { loading.dismiss();console.log('error'); }, 
    () => { loading.dismiss();console.log('success') }); 
    }