检查网络连接情况
HTML5
定义了一个navigator.onLine
属性,这个属性值为true
表示设备能上网,值为false
表示设备离线。
除了navigator.onLine
属性之外,为了更好的确定网路是否可用,HTML5
定义了两个事件online
和offline
。当网络从离线变为在线或者从在线变为离线时,会分别触发这两个事件。这两个事件在window
对象上触发。
window.addEventListener('online', () => {
/* do something */
})
window.addEventListener('offline', () => {
/* do something */
})
为了检测是否离线,在页面加载后,最好先通过navgator.online
获得初始状态。然后通过上述事件来监听网络连接状态的变化,当网络连接状态发生改变时,navigator.onLine
属性的值也会改变,不过必须要手工轮询这个属性才能检测到网络状态的改变。