如何在javascript或html中获取连接类型，如wifi、以太网或蜂窝

Question

我正在寻找网络连接类型，如wifi，celular等。我发现了sintax navigator.connection。

结果：

downlink: 10
effectiveType: "4g"
onchange: null
rtt: 150
saveData: false

effectiveType未检测到我的连接类型是wifi

Answer 1

根据规范，可以通过navigator.connection.type访问网络连接的类型。然而，在撰写本文时，除了Chrome OS上的Chrome之外，几乎所有的浏览器都还没有实现这一点。

effectiveType属性只是根据网络速度推断出的值，并不告诉您实际的连接本身。

Answer 2

首先，这仍然是一个实验性的特性。所以你还不能期望它能可靠地工作。

除此之外：

NetworkInformation.effectiveType

返回连接的有效类型，表示“slow-2g”、“2g”、“3G”或“4G”之一。该值是使用最近观察到的往返时间和下行链路值的组合确定的。

effectiveType没有wifi，这些信息在type中。

effectiveType应该会让你对连接有多快有所了解。