前端js调用navigator Network Information API获取设备网络状态

支持列表：（不支持IOS）

 

 需要使用：

var connection = navigator.connection;

获取object。

 

此object有以下属性：

• downlink: 下行网络速度，M/s为单位

var downLink = navigator.connection.downlink;

• rtt: 有效往返时间（延迟），ms为单位，四舍五入到25的倍数

var rtt = navigator.connection.rtt;

• type: 获取网络类型

connectionType = navigator.connection.type

//获得以下其中一个状态：
// bluetooth: 蓝牙
// cellular: 数据连接，如3g，4g
// wifi
// ethernet: 以太网
// wimax: 微波
// none: 没有连接网络
// mixed: 多种网络连接
// other: 已知的连接类型，但不是上述任何的连接类型之一
// unknown: 用户代理已建立网络连接，但无法或不愿确定底层连接技术

• effectiveType: 根据下载速度和延迟估计相对应的网络

例如：downloadlink = 0.5M/s，rtt = 200， effectiveType = 3g

var effectiveType = navigator.connection.effectiveType;

 

参考文档：https://wicg.github.io/netinfo/#downlinkmax-attribute