java - Web 应用程序上的网络质量指示器

Question

有没有一种方法可以在 Web 应用程序上指示客户端当前的网络质量(某种条形图，类似于手机上的 n/w 质量条形图)？

我们的一个处理数据传输的网络应用程序，由于客户端的网络问题而导致大多数传输失败，而客户端显然不知道这一点。客户不断报告失败，而实际问题在于他们的 n/w 连接，我正在寻找一种方法，当他们使用该应用程序时，可以向他们(在我的网络应用程序中)指示相同的情况。

我知道还有其他工具可以对此进行调查，但外行用户设置没有(至少我们的用户没有)。

谢谢。

Answer 1

一种方法是使用 window.navigator.onLine例如:

if (navigator.onLine) {
  alert('online')
} else {
  alert('offline');
}

或捕捉变化:

window.addEventListener("offline", function(e) {
  alert("offline");
}, false);

window.addEventListener("online", function(e) {
  alert("online");
}, false);

您可以取特定时间间隔的平均值，并开发一种算法来将连通性量化为 10%、50% 等...

您也可以只设置 AJAX 轮询并观察超时，但要注意不要过多增加流量:

$.ajax({
  type: "GET",
  url: "yourserver.com",
  success: function(data){
    alert("Connection active!")
  }
  error: function(XMLHttpRequest, textStatus, errorThrown) {
    if(textStatus == 'timeout') {
       alert('Connection seems dead!');
    }
  }
});