Cordova-获取移动端网络状态

最新推荐文章于 2021-06-29 09:55:10 发布

qq_35125764

最新推荐文章于 2021-06-29 09:55:10 发布

阅读量1.1k

点赞数

分类专栏： cordova

本文链接：https://blog.youkuaiyun.com/qq_35125764/article/details/102852610

版权

本文介绍了如何在Cordova项目中安装网络状态插件，并通过navigator.connection.type判断网络连接类型，实现对网络状态的监测，包括无网络和有网络状态的判断。详细步骤包括安装插件、比较Connection常量和监听网络变化事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,安装插件：

cordova plugin add cordova-plugin-network-information

2,Connection的状态：

Connection.UNKNOWN
Connection.ETHERNET
Connection.WIFI
Connection.CELL_2G
Connection.CELL_3G
Connection.CELL_4G
Connection.CELL
Connection.NONE

3,用法：实际项目中判断是否有无网络代码：

const appBizName = 'com.zpmc.xiongan.chuxing';
const isApp = navigator.userAgent.indexOf(appBizName) >= 0;
/**
 * 发送消息(cordova)
 * @private
 */
function ready(callback) {
    return new Promise((resolve, reject) => {
        if (!isApp || ready.deviceReadied === true) {
            callback(resolve, reject);
            return;
        }
        document.addEventListener('deviceready', () => {
            ready.deviceReadied = true;
            callback(resolve, reject);
        }, false);
    });
}

	/**
     * 是否网络在线
     */
    isOffLine() {
        return ready(res