netinfo

  • 兼容性差,仅 chrome 支持
navigator.onLine //是否在线
navigator.offLine

window.addEventListener('online',  updateOnlineStatus);
window.addEventListener('offline', updateOnlineStatus);

// 可以把前缀加上, 兼容未来实现
const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection

navigator.connection 是实验性技术,只有 chrome 61 以上和移动版支持,其它浏览器如 safari 不支持 downlink 有效带宽估算,根据最近观察网络活动测量,如果最近没有活跃,则使用网络类型的理论值。10Mb 普通有线。如果用代理的话,估算准确性较低。 downlinkMax 第一网络跳带宽上限,由使用的底层网络技术决定,端性能无法超越这个值,这个值浏览器目前没有实现?

Network Information APIopen in new windowWhat Web Can Do Todayopen in new windowNetwork Information API Sampleopen in new windowAddyOsmani.com - Adaptive Serving using JavaScript and the Network Information APIopen in new window

网络质量

navigator.connection.effectiveType

slow - 4G,根据 rtt 和 downlink 的值实际范围,反映网络实际质量,而不是 chrome62 前理论网络类型 Network Information APIopen in new window

Last Updated:
Contributors: cyio