js判断用户当前网络状态

最新推荐文章于 2023-10-22 11:42:50 发布

ohmorning

最新推荐文章于 2023-10-22 11:42:50 发布

阅读量3.5k

点赞数 2

文章标签：网络状态 js

本文链接：https://blog.youkuaiyun.com/qq_41818857/article/details/111211800

版权

通常来说我们接触到3种方法，分别是
1、通过window.navigator.onLine属性，返回一个布尔值来判断当前网络状态。

            if (window.navigator.onLine) {
                console.log('网络正常！');
            } else {
                console.log('网络中断！');
            }

2、通过h5事件online、offline来监听网络状态，online加载页面时不会触发，会在网络中断后重连上时触发。offline网络连接中断时触发。

window.addEventListener('online', function(){
    console.log('网络连接恢复！');
})
window.addEventListener('offline', function(){
    console.log('网络连接中断！');
})

3、通过Offline.js库，当用户离线，即网络连接断开时，会自动向用户发出警告。在网络连接断开时它会抓取AJAX请求，并对请求进行备份，网络连接正常时重新发送AJAX请求。
github地址：https://github.com/hubspot/offline