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

今天工作时间很宽裕,
忽然想起,自己做过的所有页面中,有些页面经常会面临用户在网络状态很差的时候打开页面,页面是挂了的状态,感觉很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...的更多相关文章
- JS获取用户的Ip地址
		在网站中通常需要获取使用者的ip地址,获取抵制的方式有很多,这里就简单介绍一下js获取用户ip地址 /*使用的新浪的ip查询api,根据返回的数据进行判断*/ <script src=" ... 
- js获取用户实时地理位置
		js获取用户实时地理位置 if(navigator.geolocation) { var id = navigator.geolocation.watchPosition(function(posit ... 
- android判断正在使用的网络类型 0.不知道网络类型;1、2G;2、3G;3、4g;4、wifi
		判断正在使用的网络类型 0.不知道网络类型:1.2G:2.3G:3.4g:4.wifi /** Unknown network class. {@hide} */ public static fina ... 
- 使用原生js 获取用户访问项目的浏览器类型
		想要获取浏览器的类型很简单,网上提供了很多方法,但是看过之后,都是根据浏览器内核来判断是ie,谷歌,火狐,opeara的, 所以不能进一步判断在国内使用的主流浏览器类型,比如360,百度,搜狐浏览器等 ... 
- JS获取用户控件中的子控件Id
		用户控件 <asp:HiddenField ID="hfGradeId" runat="server" /> <asp:HiddenField ... 
- 小程序原生js获取用户权限
		1.首先要有一个按钮 <view name="authorizemodal"> <view class="drawer_screen" wx: ... 
- js获取用户当前地理位置(省、市、经纬度)
		在很多情况下,我们需要用到定位功能,来获取用户当前位置.当前比较流行的定位API有腾讯地图.百度地图.高德地图.搜狗地图等等,在这里我使用的是腾讯地图定位API,根据用户IP获取用户当前位置,API返 ... 
- js获取本机的网络IP地址
		JavaScript是一门脚本语言,是不能操作文件,读取本地信息的,所以想要获取IP,还需要借助后端技术.方法如下: //获取本机的网络ip地址 function jsonpCallback(res) ... 
- js获取上传图片大小,判断上传图片类型,获取图片真实宽度和高度
		html部分 <div class="form-group col-md-12"> <label class="col-md-2 text-right& ... 
随机推荐
- quartz 动态更改执行时间
			说明:Quartz + Servlet, 参考国外著名站点的文章:http://stackoverflow.com/questions/12208309/need-to-set-the-quartz- ... 
- python实现单链表的反转
			1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 #!/usr/bin/env python #coding = utf-8 ... 
- django的聚合函数和aggregate、annotate方法使用
			支持聚合函数的方法: 提到聚合函数,首先我们要知道的就是这些聚合函数是不能在django中单独使用的,要想在django中使用这些聚合函数,就必须把这些聚合函数放到支持他们的方法内去执行.支持聚合函数 ... 
- UVa 1326 - Jurassic Remains(枚举子集+中途相遇法)
			训练指南p.59 #include <cstdio> #include <cstring> #include <cstdlib> #include <map& ... 
- 微信公众号开发java框架:wx4j(入门篇)
			导航 入门 http://www.cnblogs.com/2333/p/6617819.html WxServlet介绍 MaterialUtils 素材工具类使用说明 http://www.cnbl ... 
- .Net MVC断点进不去
			.Net MVC断点进不去 1.httpget httppost 2.启动项设为UI 3.基于页面没错误的情况下 
- 【Linux】- 获取root权限命令
			1:Redhat系统或者Fedora或者CentOs的Linux发行版,那么在Linux终端输入命令回车: su - root 这样就可以切换到root权限了 2:Ubuntu系统,在Linux终端输 ... 
- 三、vue依赖收集
			Vue 会把普通对象变成响应式对象,响应式对象 getter 相关的逻辑就是做依赖收集,这一节我们来详细分析这个过程 Dep Dep 是整个 getter 依赖收集的核心,它的定义在 src/core ... 
- mysql常见面试题目
			1, mysql的复制原理以及流程. (1)先问基本原理流程,3个线程以及之间的关联. (2)再问一致性,延时性,数据恢复. (3)再问各种工作遇到的复制bug的解决方法 2,mysql中myisam ... 
- Java API操作ZooKeeper
			创建会话 package org.zln.zk; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.Watch ... 
