码迷,mamicode.com
首页 > 移动开发 > 详细

js-获取用户移动端网络类型:wifi、4g、3g、2g...

时间:2019-01-25 16:05:43      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:ase   类型   获取   case   ima   分享图片   The   若是   var   

 技术分享图片

 今天工作时间很宽裕,

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

标签:ase   类型   获取   case   ima   分享图片   The   若是   var   

原文地址:https://www.cnblogs.com/liuqingxia/p/10319862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!