基于Cordova的Android应用：添加WiFi网络连接状态监听事件

嘿，很高兴你在做Cordova的Android应用开发！你提到的用setInterval轮询检查网络状态的方式虽然能实现需求，但确实有更高效、优雅的替代方案——直接利用cordova-plugin-network-information插件自带的原生事件监听机制，完全不用自己维护定时器。

为什么轮询不是最优解？ #

轮询会定期占用设备CPU和资源，尤其是当你设置的间隔很短时，会不必要地消耗电量；而且状态变化的实时性完全依赖轮询间隔，可能会有延迟。而事件监听是被动触发的，只有当网络状态真的发生变化时才执行代码，既省资源又实时。

具体实现步骤 #

1. 确保安装插件

如果还没装，先执行安装命令：

cordova plugin add cordova-plugin-network-information

2. 监听网络连接变化事件

Cordova的网络插件提供了connectionchange事件，它会在网络类型（比如从移动数据切换到WiFi，或者反过来）发生变化时自动触发。结合navigator.connection.type就能精准判断当前网络状态。

完整代码示例：

// 必须在deviceready事件后初始化Cordova插件
document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    // 应用启动时先检查一次当前网络状态
    updateNetworkStatus();

    // 监听网络连接变化事件
    document.addEventListener("connectionchange", onNetworkChanged, false);
}

function onNetworkChanged() {
    // 网络状态变化时更新状态并处理逻辑
    updateNetworkStatus();
}

function updateNetworkStatus() {
    const networkType = navigator.connection.type;
    // 预定义网络类型对应的描述（Cordova已内置这些常量）
    const networkStates = {
        [Connection.UNKNOWN]: "未知网络",
        [Connection.WIFI]: "WiFi网络",
        [Connection.CELL_2G]: "2G移动数据",
        [Connection.CELL_3G]: "3G移动数据",
        [Connection.CELL_4G]: "4G移动数据",
        [Connection.CELL]: "通用移动数据",
        [Connection.NONE]: "无网络连接"
    };

    // 根据网络类型执行对应逻辑
    if (networkType === Connection.WIFI) {
        // 用户切换到WiFi，这里添加你的通知逻辑
        console.log("已连接到WiFi");
        // 比如弹出本地通知：navigator.notification.alert("已切换至WiFi网络");
    } else if (networkType !== Connection.NONE && networkType !== Connection.UNKNOWN) {
        // 用户切换到移动数据
        console.log(`当前使用${networkStates[networkType]}`);
        // 移动数据切换的通知逻辑
    } else {
        // 离线状态处理
        console.log("当前无网络连接");
    }
}

额外注意事项 #

• 一定要在deviceready事件完成后再初始化插件相关逻辑，这是Cordova开发的基本规则，否则会出现插件未加载的错误。
• Android平台对WiFi和移动数据的类型识别非常稳定，但如果需要获取更详细的WiFi信息（比如SSID），可以搭配cordova-plugin-wifi-manager插件使用。
• 这个方案同样支持iOS平台，跨平台兼容性很好。

内容的提问来源于stack exchange，提问作者Pablo