網頁判斷用戶網絡狀態變化並提示

主要用到 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或移動流量狀態有變化時自動彈出提示消息。