在navigator.connection中键入缺失，如何在JavaScript中获取蜂窝，wifi，以太网

Question

在javascript中，我正在寻找网络连接类型，如：蜂窝"，"wifi"，"以太网">等...我发现navigator.connection.type提供了这样的信息。

此处的演示显示了 Chrome 73 中未定义的TYPE。
https://googlechrome.github.io/samples/network-information/

我在谷歌浏览器版本 73.0.3683.86(官方版本((64 位(中检查了它。

console.log(navigator.connection) gives output :
NetworkInformation {
downlink: 8.15
effectiveType: "4g"
onchange: null
rtt: 100
saveData: false
}

我在输出中看不到类型属性？
如何获得"蜂窝"，"wifi"，"以太网"等网络类型...

Answer 1

请参考下面的代码片段

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

如您所见，您可以使用浏览器给出的连接对象的 validType 键访问网络类型。

所以只需简单地做

连接.有效类型

有关更多详细信息，请参阅：https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API