微信小程序：点击事件获取当前设备信息（基础）

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

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
}

真机调试