网络连接信息概述
网络连接信息API（Network Information API）用于获取用户设备的网络连接信息。它可以帮助开发者根据用户的网络状况调整应用的行为，从而提升用户体验。其允许开发者访问以下信息：
- type：表示当前的网络连接类型，例如 Wi-Fi、4G 或 5G。
- downlink：表示网络的下行速度估计值，以 Mbps 为单位。
- downlinkMax：表示网络连接的最大下行速度。
- effectiveType：表示网络的有效速度类型，如 2G、3G、4G 或 5G，用于评估网络的实际性能和速度。
- saveData：表示用户是否启用了数据节省模式。该属性是一个布尔值，指示用户是否启用了减少数据使用的设置。
要使用网络状态API，可以通过 navigator.connection 访问网络信息对象。以下是一个JavaScript编写的示例代码：
// 检查浏览器是否支持Network Information APIif ('connection' in navigator) {const connection = navigator.connection ||navigator.mozConnection || navigator.webkitConnection;// 获取网络类型const type = connection.type;// 获取下行速度估计值const downlink = connection.downlink;// 获取最大下行速度const downlinkMax = connection.downlinkMax;// 获取网络的有效类型const effectiveType = connection.effectiveType;// 检查数据节省模式const saveData = connection.saveData;// 输出网络信息console.log('Network type:', type);console.log('Downlink:', downlink, 'Mbps');console.log('Max downlink:', downlinkMax, 'Mbps');console.log('Effective type:', effectiveType);console.log('Save data mode:', saveData);// 根据网络状况调整应用行为的示例if (saveData || effectiveType === '2g') {console.log('网络状况较差，启用低数据模式');// 启用低数据模式的逻辑，例如降低视频质量，减少数据请求等} else {console.log('网络状况良好，启用高质量模式');// 启用高质量模式的逻辑，例如加载高分辨率图片，视频等}} else {console.log('Network Information API 不受此浏览器支持');}网站可以通过检测网络状况，在网络较差时减少数据消耗，如在低速网络下加载低分辨率图片或视频。同时在用户启用数据节省模式时，网站可以提供轻量级的版本或功能，避免不必要的数据消耗。而且根据实时的网络状况，网站可以动态调整应用的行为和内容，例如延迟加载非关键资源，或启用/禁用某些功能。
网络连接信息定制
网络连接信息API的源码在Chromium的src\third_party\blink\renderer\modules\netinfo目录之下，作为独立模块，其功能都被封装在network_information.cc文件当中。
先来看其中 NetworkInformation 类的 effectiveType 。它用于获取当前网络的有效连接类型（Effective Connection Type, ECT），返回值是一个字符串，表示网络连接的质量，具体代码如下：
String NetworkInformation::effectiveType() {MaybeShowWebHoldbackConsoleMsg();absl::optional<WebEffectiveConnectionType> override_ect =GetNetworkStateNotifier().GetWebHoldbackEffectiveType();if (override_ect) {return NetworkStateNotifier::EffectiveConnectionTypeToString(override_ect.value());}if (!IsObserving()) {return NetworkStateNotifier::EffectiveConnectionTypeToString(GetNetworkStateNotifier().EffectiveType());}return NetworkStateNotifier::EffectiveConnectionTypeToString(effective_type_);}这段代码的目的是返回准确的网络连接类型字符串。首先，它会检查是否有特殊的连接类型覆盖了当前的网络状态，并优先返回这些覆盖的类型。如果没有覆盖类型，代码会返回当前已知的网络状态。如果仍然没有合适的连接类型，最后返回内部记录的有效连接类型。这样可以确保在各种情况下都能准确地提供网络状态信息。
如果要对其进行定制修改，只需要在开头判断是否传递了定制化参数，然后进行返回值替换即可，代码如下：
std::string eff_type = *(json_reader->GetDict().FindString("eff_type"));return String(eff_type);如图4-13所示，将返回值修改为6g之后，再次在命令行获取对应信息，可以发现信息已经发生了改变：
其余的网络信息相关源码也都处于这个文件当中，当前版本的源码如下所示，读者可以按需定制：
String NetworkInformation::type() const {if (RuntimeEnabledFeatures::NetInfoConstantTypeEnabled()) {return ConnectionTypeToString(kWebConnectionTypeUnknown);}if (!IsObserving())return ConnectionTypeToString(GetNetworkStateNotifier().ConnectionType());return ConnectionTypeToString(type_);}double NetworkInformation::downlinkMax() const {if (RuntimeEnabledFeatures::NetInfoConstantTypeEnabled()) {return std::numeric_limits<double>::infinity();}if (!IsObserving())return GetNetworkStateNotifier().MaxBandwidth();return downlink_max_mbps_;}uint32_t NetworkInformation::rtt() {MaybeShowWebHoldbackConsoleMsg();absl::optional<base::TimeDelta> override_rtt =GetNetworkStateNotifier().GetWebHoldbackHttpRtt();if (override_rtt) {return GetNetworkStateNotifier().RoundRtt(Host(), override_rtt.value());}if (!IsObserving()) {return GetNetworkStateNotifier().RoundRtt(Host(), GetNetworkStateNotifier().HttpRtt());}return http_rtt_msec_;}double NetworkInformation::downlink() {MaybeShowWebHoldbackConsoleMsg();absl::optional<double> override_downlink_mbps =GetNetworkStateNotifier().GetWebHoldbackDownlinkThroughputMbps();if (override_downlink_mbps) {return GetNetworkStateNotifier().RoundMbps(Host(),override_downlink_mbps.value());}if (!IsObserving()) {return GetNetworkStateNotifier().RoundMbps(Host(), GetNetworkStateNotifier().DownlinkThroughputMbps());}return downlink_mbps_;}bool NetworkInformation::saveData() const {return IsObserving() ? save_data_: GetNetworkStateNotifier().SaveDataEnabled();}