Web API--网络接口

online

当浏览器能够访问网络, 并且navigator.onLine的值被设为true时, online事件被触发

ononline

ononline 事件在浏览器开始在线工作时触发。

offline

当浏览器失去网络连接时,offline事件被触发。并且navigator.onLine的值变为 false
与online是相反的

如何使用
console.log(navigator.onLine)
	window.addEventListener('online', function(){
		console.log('online')
		console.log(navigator)
	})
	 window.addEventListener("offline",function(){
	 	console.log(navigator)
        alert("网络断开了")

    })

在线
可以看到网络在线的情况下,navigator.onLine为true

  1. 接着切换到无网络状态,可以看到navigator的onLine为false,弹出警示框
    将在线切换到断开
  2. 最后切回在线,可以看到navigator的onLine为false,打印online
    切回在线

猜你喜欢

转载自blog.csdn.net/weixin_41105030/article/details/85540030