微信公众号开发-js获取客户端网络状态

最新推荐文章于 2024-08-12 10:46:19 发布

追根溯源

最新推荐文章于 2024-08-12 10:46:19 发布

阅读量1.2k

点赞数 3

本文链接：https://blog.csdn.net/liulei21/article/details/105580743

版权

微信网页中获取客户端网络状态

WeixinJSBridge.invoke('getNetworkType', function(e) {
      // 在这里拿到e.err_msg，这里面就包含了所有的网络类型
      alert(e.err_msg);
});

e.err_msg 值的意义

network_type:wifi         wifi网络
network_type:edge         非wifi,包含3G/2G
network_type:fail         网络断开连接
network_type:wwan         2g或者3g

通过监听网络变化输出当前网络状态

  navigator.connection.addEventListener('change', function() {
        if (typeof window.WeixinJSBridge == 'undefined') {
            //判断WeixinJSBridge是否存在
            document.addEventListener('WeixinJSBridgeReady', function() {
                WeixinJSBridge.invoke('getNetworkType', function(e) {
                    checkNet(e.err_msg);
                });
            });
        } else {
            WeixinJSBridge.invoke('getNetworkType', {}, func