前端网络状态

前端判断网络是否离线

• navigator.onLine

true：在线；false：离线

• 在 window 监听 online/offine 事件：

window.addEventListener("online", function () {
  console.log("online");
});
window.addEventListener("offline", function () {
  console.log("online");
});

区分强网和弱网环境

使用 navigator.connection，它会返回一个 NetworkInformation 的对象，该对象包含：

• downlink：当前网络连接的估计下行速度
• downlinkMax：设备网络连接的最大下行速度
• effectiveType：当前网络连接的估计速度，类型(如 slow-2g、2g、39、4g 等)
• rtt：当前网络连接的估计往返时间(单位为毫秒)
• saveData：是否处于数据节省模式