We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

跳转到:

当浏览器在联机和脱机模式之间切换时,会在每个页面的<body>触发online事件此外,这些事件从document.body,到document结束于window。这两个事件(在线状态或离线状态)都是不可取消的(您无法阻止用户进入在线状态或离线状态)。

如果浏览器处于联机状态,window.navigator.onLine将返回布尔值true,如果它 处于脱机状态(从网络断开连接),则返回false。当此属性的值更改时,会触发联机和脱机事件。

重要的是要注意,这个事件和属性本质上是不可靠的。计算机可以连接到网络而无需访问Internet。

您可以用几种常见的方法监听这些事件:

  • 使用windowdocumentdocument.body的addEventListener方法
  • 通过设置documentdocument.body.ononline.onoffline属性到一个JavaScript Function对象。注意:使用window.ononlinewindow.onoffline有兼容性问题。)
  • 通过指定HTML的<body>标签中的属性ononline="..."onoffline="..."

例子

一个简单的测试用例,你可以运行,以验证该事件工作。

参考

文档标签和贡献者

此页面的贡献者: wanderzhang, githubyangwei
最后编辑者: wanderzhang,