如何获取浏览器当前的网络类型和网速是否畅通？

navigator.connection 属于网络信息API，提供了有关系统连接的信息，可以用于确定设备使用的连接类型。例如：

if (navigator.connection) {
  console.log(navigator.connection.effectiveType);
}

上述代码会输出类似于 '4g', '3g', '2g', 'slow-2g' 这样的网络类型。这里的 effectiveType 属性表明了当前网络环境的大致类型。

至于网速是否畅通，通常需要通过实际测量网络的往返时间（如使用ping测试）或者下载一小段数据并计算下载时间来得出。网络信息API不提供实时网速数据，但可以用JavaScript进行一些基础的测试，例如：

const startTime = (new Date()).getTime();
const imageSize = 1024; // 假设你有一个大小约为1kb的图片
const download = new Image();

download.onload = function() {
    const endTime = (new Date()).getTime();
    const duration = (endTime - startTime) / 1000; // seconds
    const bitsLoaded = imageSize * 1024 * 8; // 1kb = 1024 bits
    const speedBps = (bitsLoaded / duration).toFixed(2);
    const speedKbps = (speedBps / 1024).toFixed(2);
    const speedMbps = (speedKbps / 1024).toFixed(2);
    console.log(`下载速度: ${speedBps} bps, ${speedKbps} kbps, ${speedMbps} Mbps`);
};

download.onerror = function(err, msg) {
    console.log("无法完成下载，可能是网络问题或者跨域限制。");
}

download.src = 'http://你的图片地址?n=' + Math.random();

上面的代码创建了一个新的 Image 对象，使用了 onload 事件监听器来计算从开始下载图片到下载完成所需要的时间，从而估算当前的下载速度。

这只是一个简单的网速测试例子，实际应用可能需要更复杂的方法来得出准确的网速。此外，实际网速会因多种因素而变化，这种测试只能提供一个大概的速度估计。

网速测试可能会受到各种因素的影响，例如网络拥堵、服务器响应时间、测试数据大小，以及其他网络条件，因此得到的结果只是一种估计。如果需要更精确的网速数据，通常需要使用专门的网速测试服务或者工具。