在使用lazyload.js懒加载插件的时候发现,有时候网络很不顺畅的时候加载还是很缓慢,于是想到的解决方案是 在无wifi或者网络不顺畅的时候实现点击加载图片,而在网络顺畅的情况下实现滚动加载,请问下,应该怎么判断当前的网络环境是否顺畅呢?
在使用lazyload.js懒加载插件的时候发现,有时候网络很不顺畅的时候加载还是很缓慢,于是想到的解决方案是 在无wifi或者网络不顺畅的时候实现点击加载图片,而在网络顺畅的情况下实现滚动加载,请问下,应该怎么判断当前的网络环境是否顺畅呢?
8 回答4.5k 阅读✓ 已解决
6 回答3k 阅读✓ 已解决
5 回答2.6k 阅读✓ 已解决
5 回答6.2k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答2.4k 阅读
4 回答2.7k 阅读✓ 已解决
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,可以配合来测速