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

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

阅读 18.3k
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,可以配合来测速

推荐问题
宣传栏