1. 程式人生 > >js-獲取用戶移動端網絡類型:wifi、4g、3g、2g...

js-獲取用戶移動端網絡類型:wifi、4g、3g、2g...

clas gif 播放視頻 pla 時間 lower src user 工作

技術分享圖片

今天工作時間很寬裕,

忽然想起,自己做過的所有頁面中,有些頁面經常會面臨用戶在網絡狀態很差的時候打開頁面,頁面是掛了的狀態,感覺很LOW~。

所以我決定在今後的頁面中我需要先判斷用戶的網絡狀態,

若是很差的話,我首先會提醒他,當前網絡狀態不是很好,頁面加載狀態不是很好,提醒他最好切換網絡狀態;

尤其是可以用在播放視頻的時候,若用戶使用的是流量,可以清明的提醒用戶“當前是在用流量播放視頻”,好吧,也就我這麽好的人才會提醒

以下是獲取用戶網絡狀態的代碼:

getNetworkType()

function getNetworkType() {
    var ua = navigator.userAgent;
    
var networkStr = ua.match(/NetType\/\w+/) ? ua.match(/NetType\/\w+/)[0] : ‘NetType/other‘; networkStr = networkStr.toLowerCase().replace(‘nettype/‘, ‘‘); var networkType; switch(networkStr) { case ‘wifi‘: networkType = ‘wifi‘; break; case ‘4g‘: networkType
= ‘4g‘; break; case ‘3g‘: networkType = ‘3g‘; break; case ‘3gnet‘: networkType = ‘3g‘; break; case ‘2g‘: networkType = ‘2g‘; break; default: networkType = ‘other‘; } alert(networkStr) }

註:5g時代已來臨

  

js-獲取用戶移動端網絡類型:wifi、4g、3g、2g...