【前端】用JS获取部分设备信息

概要

今天有人在群里问闲人：如何获得设备的WIFI状态。
说到有关设备的信息，作为老司机，第一时间就要想到navigator。
注：所有navigator相关的接口都有兼容性限制，使用前都需要先确定下兼容性。
传送门：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator

说明

查阅列表之后找到了navigator.connection只读属性，该接口返回一个NetworkInformation。
里面包含：

type：网络类型，bluetooth、cellular、ethernet、none、wifi、wimax、other、unknown。
downlinkMax：底层连接技术的最大下行链路速度，以兆比特每秒 (Mbps) 为单位。

还有一个onchange监听网络状态变化的方法，该方法的回调函数返回的EventTarget中除了上面两个属性以外，还包含以下属性：

downlink：以兆比特每秒为单位的有效带宽估计值，四舍五入到 25 千比特每秒的最接近倍数。
effectiveType：返回连接的有效类型，表示“slow-2g”、“2g”、“3g”或“4g”之一。该值是使用最近观察到的往返时间和下行链路值的组合来确定的。
rtt：当前连接的估计有效往返时间，四舍五入到最接近的