今天工作時間很寬裕,
忽然想起,自己做過的所有頁面中,有些頁面經常會面臨用戶在網絡狀態很差的時候打開頁面,頁面是掛了的狀態,感覺很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時代已來臨