阅读(40) (8)

百度智能小程序 获取网络类型

2020-08-13 16:19:42 更新

swan.getNetworkType

解释:获取网络类型

方法参数

Object object

object 参数说明

属性名类型必填默认值说明

success

Function

接口调用成功,返回网络类型 networkType

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明 :

参数类型说明

networkType

String

网络类型

networkType 有效值说明 :

说明Web 态说明

wifi

wifi 网络

2g

2g 网络

3g

3g 网络

4g

4g 网络

unknown

Android 和 Web 态下不常见的网络类型

由于浏览器对于 W3C 规范的实现差异,在 Web 态中可能返回 unknown(如 iOS Web 态),并非代表网络异常,请勿在返回值为 unknown 时当作网络异常处理。建议提示用户确认网络状态后按正常网络情况处理

none

无网络

示例 

在开发者工具中打开


图片示例

代码示例

<view class="wrap">
    <view class="card-area">
        <view class="display-area">
            <view class="tip-week">当前网络类型</view>
            <view class="result-area-default" s-if="{{changeData}}">未获取</view>
            <view s-else class="workType ? result-area-succ : result-area-fail">{{networkType}}</view>
        </view>
        <button class="btn" bind:tap="getNetworkType" type="primary" hover-stop-propagation="true">点击获取网络类型</button>
    </view>
</view>
Page({
    data: {
        networkType: '未获取',
        changeData: true,
        workType: true
    },
    getNetworkType() {
        swan.getNetworkType({
            success: res => {
                if (res.networkType === 'unknown') {
                    // 建议提示用户确认网络状态
                }
                // 网络正常的业务逻辑
                this.setData({
                    networkType: res.networkType,
                    changeData: false,
                    workType: true
                });
            },
            fail: err => {
                this.setData({
                    workType: false
                });
                swan.showToast({
                    title: '获取网络类型失败',
                    icon: 'none'
                });
            }
        });
    },

    clearClick(e) {
        this.setData('changeData', true);
    }
});

错误码

Android

错误码说明

202

解析失败,请检查参数是否正确