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

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

pages/study/index.wxml


<text>pages/study/index.wxmltext>
<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
}

微信小程序:点击事件获取当前设备信息(基础)_第1张图片
微信小程序:点击事件获取当前设备信息(基础)_第2张图片
微信小程序:点击事件获取当前设备信息(基础)_第3张图片

真机调试
微信小程序:点击事件获取当前设备信息(基础)_第4张图片

你可能感兴趣的:(微信小程序,微信小程序,javascript,小程序,设备,点击)