网页判断用户网络状态变化并提示

主要用到 HTML DOM 如下两个事件浏览器

online 该事件在浏览器开始在线工做时触发
offline 该事件在浏览器开始离线工做时触发
// 网络状态监听 - 离线
    window.addEventListener('offline', function(e) {
        //提示
        layer.open({
            content: '网络已断开!'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        });
    });

        // 网络状态监听 - 链接
    window.addEventListener('online', function(e) {
        //提示
        layer.open({
            content: '网络已链接!'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        });
    })
  • 示例代码中提示效果使用的是Layer For Mobile,美观又简单易用。
  • 当手机WIFI或移动流量状态有变化时自动弹出提示消息。