überprüfen Web-App ist online oder offline

Question

Hier ist ein Code zu überprüfen Bewerbung online oder offline ist:

this.online$ = Observable.merge(
      Observable.of(navigator.onLine), 
      Observable.fromEvent(window, 'online').map(() => true), 
      Observable.fromEvent(window, 'offline').map(() => false) 
     ) 
     this.online$.subscribe(isOnline=>{ 
      if(isOnline){ 
       console.log(isOnline); 
      }else{ 
       console.log("you are offline"); 
       console.log(isOnline); 
      } 
     }); 

Aber es zurückgeben immer ein wahres es bedeutet, sie online sind, aber es ist falsch Ergebnis. Ich habe System Internet ausgeschaltet, unwahrscheinlich, dass sie dasselbe Ergebnis (wahr) zurückgeben.

Answer 1

this.online$ = Observable.merge(
     Observable.of(navigator.onLine), 
     Observable.fromEvent(window, 'online').mapTo(true), 
     Observable.fromEvent(window, 'offline').mapTo(false) 
    ) 
    this.online$.subscribe(isOnline=>{ 
     if(isOnline){ 
      console.log(isOnline); 
     }else{ 
      console.log("you are offline"); 
      console.log(isOnline); 
     } 
    }); 

Sie können es verwenden, und Ihre Verbindung überprüfen, wenn ab und wenn sie auf. Sie können den richtigen Wert erhalten, wie wenn Verbindung aus dann erhalten Sie False, und wenn die Verbindung ist dann erhalten Sie True.

Answer 2

Ich habe den folgenden Code in meiner App:

// Adjust the imports if you use RxJS < 6.0.0-alpha.3. 
import { BehaviorSubject, fromEvent } from 'rxjs'; 

/** 
* Whether the browser indicates that the device is online. 
*/ 
export const onlineSubject = new BehaviorSubject<boolean>(true); 

const handleOnlineChange = (online: boolean) => { 
    if (online !== onlineSubject.getValue()) { 
    onlineSubject.next(online); 
    } 
}; 

handleOnlineChange(navigator.onLine); 

fromEvent(window, 'online').subscribe(() => handleOnlineChange(true)); 
fromEvent(window, 'offline').subscribe(() => handleOnlineChange(false)); 

Hope this den Trick für Sie tut.