javascript - 如何检测网络应用程序中的事件漫游模式？

Question

是否有任何方法可以从客户端 JavaScript 检测到当前连接是蜂窝连接，或者更好的是，处于漫游模式？我想通过在渐进式网络应用程序中选择最佳更新策略来节省用户的流量消耗。

Answer 1

有 Network Information API它可以尝试告诉你网络类型。请注意，设备可能在 wifi 上同时连接到蜂窝数据盘，因此不能保证其准确性。

let preloadVideo = true;
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if (connection) {
  if (connection.effectiveType=== 'cellular') {
    preloadVideo = false;
  }
}

我还建议查看 Save-Data可以告诉您浏览器是否设置为减少数据使用量的 API。

if ("connection" in navigator) {
    if (navigator.connection.saveData === true) {
        // Implement data saving operations here.
    }
}