使用JS在浏览器中判断当前网络连接状态的几种方法

JavaScript014

使用JS在浏览器中判断当前网络连接状态的几种方法,第1张

通过navigator.onLine判断当前网络状态：

if(navigator.onLine){

...}else{ ...}

非常简单，但是并不准确-根据MDN的描述：

navigator.onLine只会在机器未连接到局域网或路由器时返回false，其他情况下均返回true。

也就是说，机器连接上路由器后，即使这个路由器没联通网络，navigator.onLine仍然返回true。

<img src="外网地址的一个img的url" width="1" height="1" onerror="javascript:window.location='内网地址'" onload="javascript:window.location='外网地址'">

通过img的error,和 load事件去转向

 if (navigator.onLine) {

         alert("正常工作")

      } else {

       alert("掉线了")

      }

//vue项目跳转其他项目

window.location.href=你想跳转的地址链接