我正在尝试编写一个组件来检测应用程序是在线还是离线,以便它可以触发另一个事件.是否有可以利用的内置功能?
>要收听并做出改变,您需要一个事件处理程序.在Angular中,Observables是最好的
>要获得有关应用程序上线或下线的通知,请依赖 online/offline events
>要获得有关应用程序上线或下线的通知,请依赖 online/offline events
online$= fromEvent(window,'online'); offline$= fromEvent(window,'offline');
将您的其他活动链接到这些:
online$.subscribe(e => this.syncWithServer());
另请参阅有关navigator.onLine
的文章.请注意,浏览器不会统一实现此事件.在某些情况下,“在线”只意味着浏览器连接到本地网络,而不是互联网.要获得更可靠的信息,您可能需要在事件触发时尝试ping远程服务器进行测试.
online$= fromEvent(window,'online').pipe( switchMap(e => this.pingServer()),filter(e => e) ); offline$= fromEvent(window,'offline').pipe( switchMap(e => this.pingServer()),filter(e => !e) );
其中pingServer将发出远程请求并返回在请求成功时发出true的observable,否则返回false.