前端如何检测网络状况

Question

前端如何检测网络状况

网上找的方法都没用，什么ajax，img加载网络资源，像校园网这种连接了WIFI但没有登录，是没有网络的，但网上的方法都会显示已连接网络，所有能找到的方法都试过了，都是要断开WiFi才有用。

希望有大佬指导一下，能直接给我一整个方法，有网络返回true，反之false就更好了嘿嘿，提前谢谢了。

Answer 1

https://www.lilnong.top/cors/${Math.random()}

那我就给你提供一个服务吧。你每次生成一个随机数去调用他，如果有网络的话就是有返回的。没网络就没有的。

其实你请求图片也是同样的，只不过你没加随机数，导致他直接给你使用缓存了。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

请求一个外网接口，百度、网易、腾讯啥的，能请求就表示有网。。。

Answer 3

可以看下npm上的解决方案
https://www.npmjs.com/package...

Answer 4

参考html5+规范 networkinfo:用于获取网络信息
文档截图:

最简单的难道不是调用个api接口之类的去测试下吗？
以uniapp请求接口为例：

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 5

你说的这种场景是用户已经连接到互联网，但是又被IDC限制了互联网访问（只能访问指定的页面，如拨号页面），这种情况通过API获取到的网络状态其实是处于连接状态了。
如果你需要鉴别这种状态的话，可以考虑加载一个公网上的图片或者请求一个公网API之类的来校验。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。