uniapp获取手机网络状态和手机系统信息（如4g，wifi）-蒲公英云

uniapp获取手机网络状态和手机系统信息（如4g，wifi）

先看代码，复制使用即可。（uni内置方法uni.getNetworkType用来获取网络状态，uni.getSystemInfo用来获取手机系统）

<template>
    <view>
        <view @click="getNetworkType">点击获取状态</view>
        <view>
            网络状态为：{ { TypeOfNow}}
        </view>
    </view>
</template>
<script>
    export default { 
        data() { 
            return { 
                TypeOfNow:'未获取'
            };
        },
        methods:{ 
            getNetworkType() {  //获取网络状态
                const _this = this ; //改变this指向
                uni.getNetworkType({ 
                    success: (res) => { 
                        console.log(res)
                        // res的取值为 {errMsg: "getNetworkType:ok",networkType: "wifi"}
                        _this.TypeOfNow = res.subtype || res.networkType
                    },
                    fail: () => { 
                        uni.showModal({ 
                            content:'获取失败！',
                            showCancel:false
                        })
                    }
                })
                uni.getSystemInfo({  //获取手机系统信息
                    success: (res) => { 
                        console.log('当前手机系统信息为',res)
                    }
                })
            },
        }
    }
</script>
<style lang="scss">
</style>