javascript - 移动端如何使用js判断设备是否是连接wifi的状态，或者如何判断网络是否顺畅

Question

在使用lazyload.js懒加载插件的时候发现，有时候网络很不顺畅的时候加载还是很缓慢，于是想到的解决方案是 在无wifi或者网络不顺畅的时候实现点击加载图片，而在网络顺畅的情况下实现滚动加载，请问下，应该怎么判断当前的网络环境是否顺畅呢？

Answer 1

1.HTML5
Network Information API
https://w3c.github.io/netinfo/

// 是否在线
navigator.onLine

// 连接类型
navigator.connection.type
type: unknown, ethernet, wifi, 2g, 3g, 4g, none.

// 下行最大比特率 downlinkMax
navigator.connection.downlinkMax

// 如果浏览器不支持， 这里有一个 polyfill
https://github.com/daniellmb/downlinkMax

2.Server 端配合
与服务器端配合测试下载一个小图片的速度

3.Mobile 端配合
如何有客户端的App，可以配合来测速