HTML5-新增API-檢測網絡連接狀態

之前可以通過window.navigator.onLine來檢測,用戶當前的網絡狀態,返回的是一個布爾值,但不同的瀏覽器之間會存在差異,所以HTML5提供了兩個新事件

online用戶網絡連接的時候被調用
offline用戶網絡斷開的時候被調用
注意:【他們監聽的對象都是window】

用法如下:

	 	//當網絡連接的時候,輸出
        window.addEventListener('online',function(){
            console.log("網絡已經鏈接");
            
        })
        // 當網絡未連接的時候 輸出
        window.addEventListener("offline",function(){
            console.log("網絡未鏈接");
            
        })

當我把我電腦的wifi關閉時:

在這裏插入圖片描述

此時瀏覽器輸出的是:

在這裏插入圖片描述

但是當我把網絡重新連接的時候

在這裏插入圖片描述

此時:

在這裏插入圖片描述

發佈了18 篇原創文章 · 獲贊 19 · 訪問量 4158
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章