微信小程序:点击事件获取当前设备信息(基础)

绑定事件获取当前设备信息

pages/study/index.wxml

<!--pages/study/index.wxml-->
<text>pages/study/index.wxml</text>
<view>{{text}}</view>
<button type="primary" 	bindtap="getInfo">点击获取信息</button>

pages/study/index.ts

// pages/study/index.ts
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text: ''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },
    getInfo() {
        wx.getSystemInfo({
            success: (res) => {
                console.log('res', res);
                let str = `设备:${res?.model}, 平台:${res?.platform}`
                this.setData({
                    text: str
                })
            }
        })

    }
})

返回信息

{
	SDKVersion: "2.22.1"
	batteryLevel: 0
	benchmarkLevel: 1
	bluetoothEnabled: true
	brand: "devtools"
	cameraAuthorized: true
	deviceOrientation: "portrait"
	devicePixelRatio: 3
	enableDebug: false
	errMsg: "getSystemInfo:ok"
	fontSizeSetting: 16
	language: "zh_CN"
	locationAuthorized: true
	locationEnabled: true
	microphoneAuthorized: true
	mode: "default"
	model: "iPhone 6/7/8 Plus"
	notificationAuthorized: true
	pixelRatio: 3
	platform: "devtools"
	safeArea: {top: 20, left: 0, right: 414, bottom: 736, width: 414,}
	screenHeight: 736
	screenWidth: 414
	statusBarHeight: 20
	system: "iOS 10.0.1"
	version: "8.0.5"
	wifiEnabled: true
	windowHeight: 624
	windowWidth: 414
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

真机调试
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值