## 使用的是浏览器自带的api（测试的数据不是很准） ``` 方法： connectionInfo(){ const {rtt,downlink,effectiveType,saveData} = navigator.connection; console.log('有效的网络连接类型',effectiveType); console.log('估算下行速度/带宽',downlink + "Mb/s"); console.log('估算往返时间',rtt + "ms"); console.log('打开/请求数据保护模式',saveData); }, 监听： navigator.connection.addEventListener('change',this.connectionInfo()) ```  **开发者工具中调试：如果网络是无线或者5g，类型都会显示4g**  **应用：** 可以根据用户的网络类型和速度，动态去加载一些内容，如：3g时加载图片，4g/5g/无线加载视频