今天工作时间很宽裕，

忽然想起，自己做过的所有页面中，有些页面经常会面临用户在网络状态很差的时候打开页面，页面是挂了的状态，感觉很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时代已来临

　　

版权声明：本文为liuqingxia原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/liuqingxia/p/10319862.html